Skip to content

Commit 9f6f573

Browse files
committed
Restore checkbox and clip hover overflow on first item border radius
Signed-off-by: krishna2323 <belivethatkg@gmail.com>
1 parent 6985ab6 commit 9f6f573

1 file changed

Lines changed: 30 additions & 15 deletions

File tree

src/components/Search/SearchList/ListItem/ExpenseReportListItemRow.tsx

Lines changed: 30 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)