From 56efebb6ab3079206bc01c009bed52c8aa526041 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Thu, 9 May 2024 17:39:14 -0500 Subject: [PATCH] Swap for chat icon --- assets/icons/message_stroke2_corner0_rounded.svg | 1 + .../icons/message_stroke2_corner0_rounded_filled.svg | 1 + src/components/icons/Message.tsx | 9 +++++++++ src/view/shell/bottom-bar/BottomBar.tsx | 10 ++++++---- src/view/shell/bottom-bar/BottomBarWeb.tsx | 8 +++++--- src/view/shell/desktop/LeftNav.tsx | 10 ++++++---- 6 files changed, 28 insertions(+), 11 deletions(-) create mode 100644 assets/icons/message_stroke2_corner0_rounded.svg create mode 100644 assets/icons/message_stroke2_corner0_rounded_filled.svg create mode 100644 src/components/icons/Message.tsx diff --git a/assets/icons/message_stroke2_corner0_rounded.svg b/assets/icons/message_stroke2_corner0_rounded.svg new file mode 100644 index 0000000000..2cbaa3e628 --- /dev/null +++ b/assets/icons/message_stroke2_corner0_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/message_stroke2_corner0_rounded_filled.svg b/assets/icons/message_stroke2_corner0_rounded_filled.svg new file mode 100644 index 0000000000..0de0246727 --- /dev/null +++ b/assets/icons/message_stroke2_corner0_rounded_filled.svg @@ -0,0 +1 @@ + diff --git a/src/components/icons/Message.tsx b/src/components/icons/Message.tsx new file mode 100644 index 0000000000..6d0dd01e76 --- /dev/null +++ b/src/components/icons/Message.tsx @@ -0,0 +1,9 @@ +import {createSinglePathSVG} from './TEMPLATE' + +export const Message_Stroke2_Corner0_Rounded_Filled = createSinglePathSVG({ + path: 'M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.968 9.968 0 0 1-4.136-.893l-4.68.876a1 1 0 0 1-1.164-1.184l.931-4.537A9.965 9.965 0 0 1 2 12Zm4.25 0a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0Zm4.5 0a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0Zm5.75 1.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z', +}) + +export const Message_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M4 12a8 8 0 1 1 4.445 7.169 1 1 0 0 0-.629-.088l-3.537.662.7-3.415a1 1 0 0 0-.09-.66A7.961 7.961 0 0 1 4 12Zm8-10C6.477 2 2 6.477 2 12c0 1.523.341 2.968.951 4.262l-.93 4.537a1 1 0 0 0 1.163 1.184l4.68-.876A9.968 9.968 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2ZM7.5 13.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm4.5 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm4.5 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z', +}) diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx index 0db8b242a1..290943dd6a 100644 --- a/src/view/shell/bottom-bar/BottomBar.tsx +++ b/src/view/shell/bottom-bar/BottomBar.tsx @@ -41,8 +41,10 @@ import {Logo} from '#/view/icons/Logo' import {Logotype} from '#/view/icons/Logotype' import {useDialogControl} from '#/components/Dialog' import {SwitchAccountDialog} from '#/components/dialogs/SwitchAccount' -import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '#/components/icons/Envelope' -import {Envelope_Filled_Stroke2_Corner0_Rounded as EnvelopeFilled} from '#/components/icons/Envelope' +import { + Message_Stroke2_Corner0_Rounded as Message, + Message_Stroke2_Corner0_Rounded_Filled as MessageFilled, +} from '#/components/icons/Message' import {styles} from './BottomBarStyles' type TabOptions = @@ -247,12 +249,12 @@ export function BottomBar({navigation}: BottomTabBarProps) { testID="bottomBarMessagesBtn" icon={ isAtMessages ? ( - ) : ( - diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx index 8b316faa5e..c2dcc3882a 100644 --- a/src/view/shell/bottom-bar/BottomBarWeb.tsx +++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx @@ -33,8 +33,10 @@ import {Text} from '#/view/com/util/text/Text' import {Logo} from '#/view/icons/Logo' import {Logotype} from '#/view/icons/Logotype' import {Link} from 'view/com/util/Link' -import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '#/components/icons/Envelope' -import {Envelope_Filled_Stroke2_Corner0_Rounded as EnvelopeFilled} from '#/components/icons/Envelope' +import { + Message_Stroke2_Corner0_Rounded as Message, + Message_Stroke2_Corner0_Rounded_Filled as MessageFilled, +} from '#/components/icons/Message' import {styles} from './BottomBarStyles' export function BottomBarWeb() { @@ -125,7 +127,7 @@ export function BottomBarWeb() { {gate('dms') && ( {({isActive}) => { - const Icon = isActive ? EnvelopeFilled : Envelope + const Icon = isActive ? MessageFilled : Message return ( } + icon={} iconFilled={ - + } label={_(msg`Messages`)} />