From 1aafc6fb95dadcf3bec329fc126ecbdcde48bda3 Mon Sep 17 00:00:00 2001 From: Adam Grzybowski Date: Thu, 5 Feb 2026 12:08:29 +0100 Subject: [PATCH 1/4] Update colors --- src/pages/home/TimeSensitiveSection/index.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/pages/home/TimeSensitiveSection/index.tsx b/src/pages/home/TimeSensitiveSection/index.tsx index f8a25a0c4345..88b23ffb7d53 100644 --- a/src/pages/home/TimeSensitiveSection/index.tsx +++ b/src/pages/home/TimeSensitiveSection/index.tsx @@ -128,9 +128,8 @@ function TimeSensitiveSection() { icon={icons.Stopwatch} iconWidth={variables.iconSizeNormal} iconHeight={variables.iconSizeNormal} - iconFill={theme.danger} + iconFill={theme.text} title={translate('homePage.timeSensitiveSection.title')} - titleColor={theme.danger} > {/* Priority 2: Broken company card connections */} From d73fc96e1dc5cd0c3bed47f00ab01aea010d2f27 Mon Sep 17 00:00:00 2001 From: Adam Grzybowski Date: Thu, 5 Feb 2026 12:15:41 +0100 Subject: [PATCH 2/4] Remove icon from time sensitive section and simplify widget container --- src/components/WidgetContainer.tsx | 32 ++----------------- src/pages/home/TimeSensitiveSection/index.tsx | 13 +------- src/styles/index.ts | 5 --- 3 files changed, 3 insertions(+), 47 deletions(-) diff --git a/src/components/WidgetContainer.tsx b/src/components/WidgetContainer.tsx index 4516ee5f3886..420358c4dc78 100644 --- a/src/components/WidgetContainer.tsx +++ b/src/components/WidgetContainer.tsx @@ -5,30 +5,12 @@ import type {StyleProp, ViewStyle} from 'react-native'; import useResponsiveLayout from '@hooks/useResponsiveLayout'; import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; -import variables from '@styles/variables'; -import type IconAsset from '@src/types/utils/IconAsset'; -import Icon from './Icon'; import Text from './Text'; type WidgetContainerProps = { - /** The icon to display along with the title */ - icon?: IconAsset; - /** The text to display in the title of the widget */ title?: string; - /** Custom color for the title text */ - titleColor?: string; - - /** The width of the icon. */ - iconWidth?: number; - - /** The height of the icon. */ - iconHeight?: number; - - /** The fill color of the icon */ - iconFill?: string; - /** The content to display inside the widget container */ children: ReactNode; @@ -36,7 +18,7 @@ type WidgetContainerProps = { containerStyles?: StyleProp; }; -function WidgetContainer({children, icon, title, titleColor, iconWidth = variables.iconSizeNormal, iconHeight = variables.iconSizeNormal, iconFill, containerStyles}: WidgetContainerProps) { +function WidgetContainer({children, title, containerStyles}: WidgetContainerProps) { const styles = useThemeStyles(); const theme = useTheme(); const {shouldUseNarrowLayout} = useResponsiveLayout(); @@ -44,18 +26,8 @@ function WidgetContainer({children, icon, title, titleColor, iconWidth = variabl return ( - {!!icon && ( - - - - )} - {!!title && {title}} + {!!title && {title}} {children} diff --git a/src/pages/home/TimeSensitiveSection/index.tsx b/src/pages/home/TimeSensitiveSection/index.tsx index 88b23ffb7d53..2aa842ca0a8b 100644 --- a/src/pages/home/TimeSensitiveSection/index.tsx +++ b/src/pages/home/TimeSensitiveSection/index.tsx @@ -5,14 +5,11 @@ import type {OnyxCollection} from 'react-native-onyx'; import WidgetContainer from '@components/WidgetContainer'; import useCardFeedErrors from '@hooks/useCardFeedErrors'; import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails'; -import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset'; import useLocalize from '@hooks/useLocalize'; import useOnyx from '@hooks/useOnyx'; import useResponsiveLayout from '@hooks/useResponsiveLayout'; -import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; import {hasSynchronizationErrorMessage, isConnectionInProgress} from '@libs/actions/connections'; -import variables from '@styles/variables'; import ONYXKEYS from '@src/ONYXKEYS'; import type {Policy} from '@src/types/onyx'; import type {ConnectionName, PolicyConnectionName} from '@src/types/onyx/Policy'; @@ -43,9 +40,7 @@ type BrokenCompanyCardConnection = { function TimeSensitiveSection() { const styles = useThemeStyles(); - const theme = useTheme(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['Stopwatch']); const {shouldUseNarrowLayout} = useResponsiveLayout(); const {login} = useCurrentUserPersonalDetails(); @@ -124,13 +119,7 @@ function TimeSensitiveSection() { // 5. Expensify card shipping // 6. Expensify card activation return ( - + {/* Priority 2: Broken company card connections */} {brokenCompanyCardConnections.map((connection) => { diff --git a/src/styles/index.ts b/src/styles/index.ts index e2fbc0985722..4434a2ffd16c 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -6317,11 +6317,6 @@ const plainStyles = (theme: ThemeColors) => marginTop: shouldUseNarrowLayout ? 20 : 32, }) satisfies ViewStyle, - widgetContainerIconWrapper: { - flexGrow: 0, - flexShrink: 0, - marginRight: 11, - }, getWidgetItemIconContainerStyle: (backgroundColor: string) => ({ From 106e7cc96bb090e391ee5b501e5efb8fa64c3330 Mon Sep 17 00:00:00 2001 From: Adam Grzybowski Date: Thu, 5 Feb 2026 12:29:00 +0100 Subject: [PATCH 3/4] Fix prettier --- src/styles/index.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/styles/index.ts b/src/styles/index.ts index 4434a2ffd16c..53a0f74321fb 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -6317,7 +6317,6 @@ const plainStyles = (theme: ThemeColors) => marginTop: shouldUseNarrowLayout ? 20 : 32, }) satisfies ViewStyle, - getWidgetItemIconContainerStyle: (backgroundColor: string) => ({ alignItems: 'center', From 52fb1e12d955d67b5a3a2d7483f5891b6c452af0 Mon Sep 17 00:00:00 2001 From: Adam Grzybowski Date: Fri, 6 Feb 2026 12:32:24 +0100 Subject: [PATCH 4/4] Update icon colors --- .../home/TimeSensitiveSection/items/FixAccountingConnection.tsx | 2 +- .../TimeSensitiveSection/items/FixCompanyCardConnection.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/home/TimeSensitiveSection/items/FixAccountingConnection.tsx b/src/pages/home/TimeSensitiveSection/items/FixAccountingConnection.tsx index dacf550f93db..42da1c1034c4 100644 --- a/src/pages/home/TimeSensitiveSection/items/FixAccountingConnection.tsx +++ b/src/pages/home/TimeSensitiveSection/items/FixAccountingConnection.tsx @@ -26,7 +26,7 @@ function FixAccountingConnection({connectionName, policyID}: FixAccountingConnec