From 292d4d2716d8e62e54e048af362011d2e33ff5d8 Mon Sep 17 00:00:00 2001 From: Alberto Date: Thu, 2 May 2024 08:36:22 +0900 Subject: [PATCH 1/3] Update Quick Action Button icons --- .../SidebarScreen/FloatingActionButtonAndPopover.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx index cc61e61aa1f8..1e61e1e060f6 100644 --- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx +++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx @@ -98,7 +98,7 @@ const policySelector = (policy: OnyxEntry): PolicySelector => const getQuickActionIcon = (action: QuickActionName): React.FC => { switch (action) { case CONST.QUICK_ACTIONS.REQUEST_MANUAL: - return Expensicons.MoneyCircle; + return Expensicons.Receipt; case CONST.QUICK_ACTIONS.REQUEST_SCAN: return Expensicons.ReceiptScan; case CONST.QUICK_ACTIONS.REQUEST_DISTANCE: @@ -112,9 +112,11 @@ const getQuickActionIcon = (action: QuickActionName): React.FC => { case CONST.QUICK_ACTIONS.ASSIGN_TASK: return Expensicons.Task; case CONST.QUICK_ACTIONS.TRACK_DISTANCE: + return Expensicons.Car; case CONST.QUICK_ACTIONS.TRACK_MANUAL: + return Expensicons.Coins; case CONST.QUICK_ACTIONS.TRACK_SCAN: - return getIconForAction(CONST.IOU.TYPE.TRACK); + return Expensicons.ReceiptScan; default: return Expensicons.MoneyCircle; } From c051a1a6ccba04c9a3affdb257d8b3ae228ec577 Mon Sep 17 00:00:00 2001 From: Alberto Date: Thu, 2 May 2024 10:32:47 +0900 Subject: [PATCH 2/3] use function for base ones --- .../sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx index 1e61e1e060f6..eb1a6a0d0085 100644 --- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx +++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx @@ -98,7 +98,7 @@ const policySelector = (policy: OnyxEntry): PolicySelector => const getQuickActionIcon = (action: QuickActionName): React.FC => { switch (action) { case CONST.QUICK_ACTIONS.REQUEST_MANUAL: - return Expensicons.Receipt; + return getIconForAction(CONST.IOU.TYPE.REQUEST); case CONST.QUICK_ACTIONS.REQUEST_SCAN: return Expensicons.ReceiptScan; case CONST.QUICK_ACTIONS.REQUEST_DISTANCE: @@ -114,7 +114,7 @@ const getQuickActionIcon = (action: QuickActionName): React.FC => { case CONST.QUICK_ACTIONS.TRACK_DISTANCE: return Expensicons.Car; case CONST.QUICK_ACTIONS.TRACK_MANUAL: - return Expensicons.Coins; + return getIconForAction(CONST.IOU.TYPE.TRACK); case CONST.QUICK_ACTIONS.TRACK_SCAN: return Expensicons.ReceiptScan; default: From 3f12ddfac7d6e6a1fec289df652eb7a9fa350110 Mon Sep 17 00:00:00 2001 From: Alberto Date: Thu, 2 May 2024 10:33:44 +0900 Subject: [PATCH 3/3] update function for Split --- src/libs/getIconForAction/index.ts | 2 ++ .../sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/libs/getIconForAction/index.ts b/src/libs/getIconForAction/index.ts index 820cf2687f02..ffe3dd8b76f2 100644 --- a/src/libs/getIconForAction/index.ts +++ b/src/libs/getIconForAction/index.ts @@ -10,6 +10,8 @@ const getIconForAction = (actionType: ValueOf) => { return Expensicons.Receipt; case CONST.IOU.TYPE.SEND: return Expensicons.Cash; + case CONST.IOU.TYPE.SPLIT: + return Expensicons.Transfer; default: return Expensicons.MoneyCircle; } diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx index eb1a6a0d0085..bc7b49f94c91 100644 --- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx +++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx @@ -106,7 +106,7 @@ const getQuickActionIcon = (action: QuickActionName): React.FC => { case CONST.QUICK_ACTIONS.SPLIT_MANUAL: case CONST.QUICK_ACTIONS.SPLIT_SCAN: case CONST.QUICK_ACTIONS.SPLIT_DISTANCE: - return Expensicons.Transfer; + return getIconForAction(CONST.IOU.TYPE.SPLIT); case CONST.QUICK_ACTIONS.SEND_MONEY: return getIconForAction(CONST.IOU.TYPE.SEND); case CONST.QUICK_ACTIONS.ASSIGN_TASK: