From edc98357f8852e759ed07706c4997bb8511d4385 Mon Sep 17 00:00:00 2001 From: Leslie Ngo Date: Wed, 2 Nov 2022 17:09:02 -0700 Subject: [PATCH] homescreen_icon: Swap icon 'globe' with 'list' for web UI parity. Web Zulip's all-messages icon is an inverted list icon, so we're swapping mobile's all-messages icon to match. Fixes: #5303 --- src/common/Icons.js | 1 + src/main/HomeScreen.js | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/common/Icons.js b/src/common/Icons.js index 051066e966a..b1f7a54aaf8 100644 --- a/src/common/Icons.js +++ b/src/common/Icons.js @@ -108,3 +108,4 @@ export const IconGroup: SpecificIconType = makeIcon(FontAwesome, 'group'); export const IconPlus: SpecificIconType = makeIcon(Feather, 'plus'); // eslint-disable-next-line react/function-component-definition export const IconWebPublic: SpecificIconType = props => ; +export const IconAllMessages: SpecificIconType = props => makeIcon(FontAwesome, 'align-left'); diff --git a/src/main/HomeScreen.js b/src/main/HomeScreen.js index c3a7c1dad3a..1081c5a734f 100644 --- a/src/main/HomeScreen.js +++ b/src/main/HomeScreen.js @@ -18,7 +18,7 @@ import LoadingBanner from '../common/LoadingBanner'; import ServerCompatBanner from '../common/ServerCompatBanner'; import ServerPushSetupBanner from '../common/ServerPushSetupBanner'; import { OfflineNoticePlaceholder } from '../boot/OfflineNoticeProvider'; -import { Icon } from '../common/Icons'; +import { IconAllMessages } from '../common/Icons'; const styles = createStyleSheet({ wrapper: { @@ -50,7 +50,11 @@ export default function HomeScreen(props: Props): Node { dispatch(doNarrow(HOME_NARROW)); }} > - +