@@ -127,12 +127,26 @@ export function MatchesContent({ participantId }: MatchesContentProps) {
127127 const allSelected = matches . length > 0 && selectedVolunteerIds . size === matches . length ;
128128
129129 return (
130- < Box p = { 0 } bg = "white" display = "flex" flexDirection = "column" alignItems = "center" w = "100%" px = { 8 } py = { 8 } overflowY = "hidden" >
130+ < Box
131+ p = { 0 }
132+ bg = "white"
133+ display = "flex"
134+ flexDirection = "column"
135+ alignItems = "center"
136+ w = "100%"
137+ px = { 8 }
138+ py = { 8 }
139+ overflowY = "hidden"
140+ >
131141 { /* Cards Row - Above Table */ }
132142 < HStack align = "flex-start" gap = { 10 } mb = { 10 } justify = "center" w = "100%" >
133143 { /* Profile Summary Card - Left */ }
134144 < Box flexShrink = { 0 } w = "640px" minW = "640px" maxW = "640px" >
135- < ProfileSummaryCard userData = { user ?. userData } userEmail = { user ?. email } userId = { participantId } />
145+ < ProfileSummaryCard
146+ userData = { user ?. userData }
147+ userEmail = { user ?. email }
148+ userId = { participantId }
149+ />
136150 </ Box >
137151
138152 { /* Notes Modal - Right */ }
@@ -174,11 +188,7 @@ export function MatchesContent({ participantId }: MatchesContentProps) {
174188 >
175189 < HStack gap = { 4 } align = "center" h = "44px" >
176190 < Box minW = "16px" >
177- < Checkbox
178- checked = { allSelected }
179- onCheckedChange = { handleSelectAll }
180- size = "sm"
181- />
191+ < Checkbox checked = { allSelected } onCheckedChange = { handleSelectAll } size = "sm" />
182192 </ Box >
183193 < HStack gap = { 0 } flex = { 1 } justify = "space-between" align = "center" w = "full" >
184194 < Text fontSize = "sm" fontWeight = { 400 } color = "#414651" w = "150px" >
@@ -237,7 +247,13 @@ export function MatchesContent({ participantId }: MatchesContentProps) {
237247 size = "sm"
238248 />
239249 </ Box >
240- < HStack gap = { 0 } flex = { 1 } justify = "space-between" align = "flex-start" w = "full" >
250+ < HStack
251+ gap = { 0 }
252+ flex = { 1 }
253+ justify = "space-between"
254+ align = "flex-start"
255+ w = "full"
256+ >
241257 { /* Volunteer Name */ }
242258 < Box w = "150px" >
243259 < Text fontSize = "sm" fontWeight = { 400 } color = "#414651" >
@@ -262,7 +278,12 @@ export function MatchesContent({ participantId }: MatchesContentProps) {
262278 { /* Diagnosis */ }
263279 < Box w = "180px" >
264280 < VStack align = "start" gap = { 0 } >
265- < Text fontSize = "sm" fontWeight = { 400 } color = "#414651" lineHeight = "1.2em" >
281+ < Text
282+ fontSize = "sm"
283+ fontWeight = { 400 }
284+ color = "#414651"
285+ lineHeight = "1.2em"
286+ >
266287 { match . diagnosis || 'N/A' }
267288 </ Text >
268289 </ VStack >
@@ -315,7 +336,9 @@ export function MatchesContent({ participantId }: MatchesContentProps) {
315336 < HStack gap = { 2 } flexWrap = "wrap" >
316337 { match . experiences . slice ( 0 , 2 ) . map ( ( experience , idx ) => {
317338 const truncatedExperience =
318- experience . length > 20 ? `${ experience . substring ( 0 , 20 ) } ...` : experience ;
339+ experience . length > 20
340+ ? `${ experience . substring ( 0 , 20 ) } ...`
341+ : experience ;
319342 return (
320343 < Badge
321344 key = { idx }
0 commit comments