From 34b56527edbacf26887f592687913369c3e38604 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Mon, 15 Dec 2025 09:18:15 -0700
Subject: [PATCH] make datecell generic

---
 .../SelectionListWithSections/Search/DateCell.tsx         | 8 ++++----
 .../Search/ExpenseReportListItemRow.tsx                   | 2 +-
 .../SelectionListWithSections/Search/TaskListItemRow.tsx  | 4 ++--
 src/components/TransactionItemRow/index.tsx               | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/SelectionListWithSections/Search/DateCell.tsx b/src/components/SelectionListWithSections/Search/DateCell.tsx
index 98cf88b0a2de..d4580e1e02a1 100644
--- a/src/components/SelectionListWithSections/Search/DateCell.tsx
+++ b/src/components/SelectionListWithSections/Search/DateCell.tsx
@@ -5,19 +5,19 @@ import DateUtils from '@libs/DateUtils';
 import CONST from '@src/CONST';
 
 type DateCellProps = {
-    created: string;
+    date: string;
     showTooltip: boolean;
     isLargeScreenWidth: boolean;
 };
 
-function DateCell({created, showTooltip, isLargeScreenWidth}: DateCellProps) {
+function DateCell({date, showTooltip, isLargeScreenWidth}: DateCellProps) {
     const styles = useThemeStyles();
 
-    const date = DateUtils.formatWithUTCTimeZone(created, DateUtils.doesDateBelongToAPastYear(created) ? CONST.DATE.MONTH_DAY_YEAR_ABBR_FORMAT : CONST.DATE.MONTH_DAY_ABBR_FORMAT);
+    const formattedDate = DateUtils.formatWithUTCTimeZone(date, DateUtils.doesDateBelongToAPastYear(date) ? CONST.DATE.MONTH_DAY_YEAR_ABBR_FORMAT : CONST.DATE.MONTH_DAY_ABBR_FORMAT);
 
     return (
         <TextWithTooltip
-            text={date}
+            text={formattedDate}
             shouldShowTooltip={showTooltip}
             style={[styles.lineHeightLarge, styles.pre, styles.justifyContentCenter, isLargeScreenWidth ? undefined : [styles.textMicro, styles.textSupporting]]}
         />
diff --git a/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx b/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx
index 4bc87033dc2e..8d3dd41b846c 100644
--- a/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx
+++ b/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx
@@ -153,7 +153,7 @@ function ExpenseReportListItemRow({
                 </View>
                 <View style={[StyleUtils.getReportTableColumnStyles(CONST.SEARCH.TABLE_COLUMNS.DATE, item.shouldShowYear)]}>
                     <DateCell
-                        created={item.created ?? ''}
+                        date={item.created ?? ''}
                         showTooltip
                         isLargeScreenWidth
                     />
diff --git a/src/components/SelectionListWithSections/Search/TaskListItemRow.tsx b/src/components/SelectionListWithSections/Search/TaskListItemRow.tsx
index b4282e642d89..c819dbdca190 100644
--- a/src/components/SelectionListWithSections/Search/TaskListItemRow.tsx
+++ b/src/components/SelectionListWithSections/Search/TaskListItemRow.tsx
@@ -191,7 +191,7 @@ function TaskListItemRow({item, containerStyle, showTooltip}: TaskListItemRowPro
                         )}
 
                         <DateCell
-                            created={item.created}
+                            date={item.created}
                             showTooltip={showTooltip}
                             isLargeScreenWidth={isLargeScreenWidth}
                         />
@@ -206,7 +206,7 @@ function TaskListItemRow({item, containerStyle, showTooltip}: TaskListItemRowPro
             <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter, styles.gap3]}>
                 <View style={[StyleUtils.getReportTableColumnStyles(CONST.SEARCH.TABLE_COLUMNS.DATE, item.shouldShowYear)]}>
                     <DateCell
-                        created={item.created}
+                        date={item.created}
                         showTooltip={showTooltip}
                         isLargeScreenWidth
                     />
diff --git a/src/components/TransactionItemRow/index.tsx b/src/components/TransactionItemRow/index.tsx
index b41ad32b44d4..e48b8c0f9519 100644
--- a/src/components/TransactionItemRow/index.tsx
+++ b/src/components/TransactionItemRow/index.tsx
@@ -250,7 +250,7 @@ function TransactionItemRow({
                     style={[StyleUtils.getReportTableColumnStyles(CONST.SEARCH.TABLE_COLUMNS.DATE, isDateColumnWide, false, false, areAllOptionalColumnsHidden)]}
                 >
                     <DateCell
-                        created={createdAt}
+                        date={createdAt}
                         showTooltip={shouldShowTooltip}
                         isLargeScreenWidth={!shouldUseNarrowLayout}
                     />
@@ -434,7 +434,7 @@ function TransactionItemRow({
                         <View style={[styles.flex2, styles.flexColumn, styles.justifyContentEvenly]}>
                             <View style={[styles.flexRow, styles.alignItemsCenter, styles.minHeight5, styles.maxHeight5]}>
                                 <DateCell
-                                    created={createdAt}
+                                    date={createdAt}
                                     showTooltip={shouldShowTooltip}
                                     isLargeScreenWidth={!shouldUseNarrowLayout}
                                 />