@@ -161,62 +161,62 @@ export default function HackbotEventCard({
161161 ) }
162162 { canAdd && (
163163 < button
164- type = "button"
165- onClick = { handleAdd }
166- disabled = { adding }
167- className = "text-xs px-2.5 py-1 rounded-full font-semibold border transition-colors disabled:cursor-default group/addbtn"
168- style = {
169- added
170- ? {
171- backgroundColor : '#005271' ,
172- color : '#fff' ,
173- borderColor : '#005271' ,
174- }
175- : addError
176- ? {
177- backgroundColor : '#fee2e2' ,
178- color : '#991b1b' ,
179- borderColor : '#fca5a5' ,
180- }
181- : {
182- backgroundColor : 'white' ,
183- color : '#005271' ,
184- borderColor : '#9EE7E5' ,
185- }
186- }
187- >
188- { adding ? (
189- '…'
190- ) : addError ? (
191- 'Retry'
192- ) : added ? (
193- < >
194- < span className = "inline-flex items-center gap-1 group-hover/addbtn:hidden" >
164+ type = "button"
165+ onClick = { handleAdd }
166+ disabled = { adding }
167+ className = "text-xs px-2.5 py-1 rounded-full font-semibold border transition-colors disabled:cursor-default group/addbtn"
168+ style = {
169+ added
170+ ? {
171+ backgroundColor : '#005271' ,
172+ color : '#fff' ,
173+ borderColor : '#005271' ,
174+ }
175+ : addError
176+ ? {
177+ backgroundColor : '#fee2e2' ,
178+ color : '#991b1b' ,
179+ borderColor : '#fca5a5' ,
180+ }
181+ : {
182+ backgroundColor : 'white' ,
183+ color : '#005271' ,
184+ borderColor : '#9EE7E5' ,
185+ }
186+ }
187+ >
188+ { adding ? (
189+ '…'
190+ ) : addError ? (
191+ 'Retry'
192+ ) : added ? (
193+ < >
194+ < span className = "inline-flex items-center gap-1 group-hover/addbtn:hidden" >
195+ < span
196+ aria-hidden
197+ className = "inline-block w-2.5 h-2.5"
198+ style = { maskIconStyle ( '/icons/check.svg' ) }
199+ />
200+ Added
201+ </ span >
202+ < span
203+ className = "hidden group-hover/addbtn:inline-flex items-center gap-1"
204+ style = { { color : '#fca5a5' } }
205+ >
206+ Remove
207+ </ span >
208+ </ >
209+ ) : (
210+ < span className = "inline-flex items-center gap-1" >
195211 < span
196212 aria-hidden
197213 className = "inline-block w-2.5 h-2.5"
198- style = { maskIconStyle ( '/icons/check .svg' ) }
214+ style = { maskIconStyle ( '/icons/plus .svg' ) }
199215 />
200- Added
201- </ span >
202- < span
203- className = "hidden group-hover/addbtn:inline-flex items-center gap-1"
204- style = { { color : '#fca5a5' } }
205- >
206- Remove
216+ Add
207217 </ span >
208- </ >
209- ) : (
210- < span className = "inline-flex items-center gap-1" >
211- < span
212- aria-hidden
213- className = "inline-block w-2.5 h-2.5"
214- style = { maskIconStyle ( '/icons/plus.svg' ) }
215- />
216- Add
217- </ span >
218- ) }
219- </ button >
218+ ) }
219+ </ button >
220220 ) }
221221 </ div >
222222 </ div >
0 commit comments