@@ -247,25 +247,40 @@ function ExpenseReportListItemRow({
247247 const groupAccessibilityLabel = [ item . reportName , amountText , formattedDate , expenseCountText ] . filter ( Boolean ) . join ( ', ' ) ;
248248 return (
249249 < View
250- style = { [ styles . flexColumn , styles . gap1 ] }
250+ style = { [ styles . flexRow , styles . alignItemsCenter , styles . gap3 ] }
251251 accessible
252252 accessibilityLabel = { groupAccessibilityLabel }
253253 role = { CONST . ROLE . BUTTON }
254254 >
255- < View style = { [ styles . flexRow , styles . gap2 ] } >
256- < Text
257- numberOfLines = { 2 }
258- style = { [ styles . lh20 , styles . flex1 ] }
259- >
260- { item . reportName ?? '' }
261- </ Text >
262- < Text style = { [ styles . lh20 , styles . flexShrink0 , styles . textAlignRight ] } >
263- { isScanning ? translate ( 'iou.receiptStatusTitle' ) : convertToDisplayString ( totalDisplaySpend , currency ) }
264- </ Text >
265- </ View >
266- < View style = { [ styles . flexRow , styles . gap2 ] } >
267- < Text style = { [ styles . mutedNormalTextLabel , styles . flex1 ] } > { formattedDate } </ Text >
268- < Text style = { [ styles . mutedNormalTextLabel , styles . flexShrink0 , styles . textAlignRight ] } > { expenseCountText } </ Text >
255+ { ! ! canSelectMultiple && (
256+ < Checkbox
257+ onPress = { onCheckboxPress }
258+ isChecked = { isSelectAllChecked }
259+ isIndeterminate = { isIndeterminate }
260+ containerStyle = { [ StyleUtils . getCheckboxContainerStyle ( 20 ) , StyleUtils . getMultiselectListStyles ( ! ! item . isSelected , ! ! item . isDisabled ) , styles . m0 ] }
261+ disabled = { isDisabledCheckbox }
262+ accessibilityLabel = { item . text ?? '' }
263+ shouldStopMouseDownPropagation
264+ style = { [ styles . cursorUnset , StyleUtils . getCheckboxPressableStyle ( ) , isDisabledCheckbox && styles . cursorDisabled ] }
265+ sentryLabel = { CONST . SENTRY_LABEL . SEARCH . EXPENSE_REPORT_CHECKBOX }
266+ />
267+ ) }
268+ < View style = { [ styles . flexColumn , styles . gap1 , styles . flex1 ] } >
269+ < View style = { [ styles . flexRow , styles . gap2 ] } >
270+ < Text
271+ numberOfLines = { 2 }
272+ style = { [ styles . lh20 , styles . flex1 ] }
273+ >
274+ { item . reportName ?? '' }
275+ </ Text >
276+ < Text style = { [ styles . lh20 , styles . flexShrink0 , styles . textAlignRight ] } >
277+ { isScanning ? translate ( 'iou.receiptStatusTitle' ) : convertToDisplayString ( totalDisplaySpend , currency ) }
278+ </ Text >
279+ </ View >
280+ < View style = { [ styles . flexRow , styles . gap2 ] } >
281+ < Text style = { [ styles . mutedNormalTextLabel , styles . flex1 ] } > { formattedDate } </ Text >
282+ < Text style = { [ styles . mutedNormalTextLabel , styles . flexShrink0 , styles . textAlignRight ] } > { expenseCountText } </ Text >
283+ </ View >
269284 </ View >
270285 </ View >
271286 ) ;
0 commit comments