Gate chat icon in bottom bars (#3959)

src/view/shell/bottom-bar/BottomBarWeb.tsx

@@ -26,6 +26,10 @@ import {
   Bell_Filled_Corner0_Rounded as BellFilled,
   Bell_Stroke2_Corner0_Rounded as Bell,
 } from '#/components/icons/Bell'
+import {
+  Hashtag_Filled_Corner0_Rounded as HashtagFilled,
+  Hashtag_Stroke2_Corner0_Rounded as Hashtag,
+} from '#/components/icons/Hashtag'
 import {
   HomeOpen_Filled_Corner0_Rounded as HomeFilled,
   HomeOpen_Stoke2_Corner0_Rounded as Home,
@@ -101,7 +105,7 @@ export function BottomBarWeb() {
 
           {hasSession && (
             <>
-              {gate('dms') && (
+              {gate('dms') ? (
                 <NavItem routeName="Messages" href="/messages">
                   {({isActive}) => {
                     const Icon = isActive ? MessageFilled : Message
@@ -113,6 +117,18 @@ export function BottomBarWeb() {
                     )
                   }}
                 </NavItem>
+              ) : (
+                <NavItem routeName="Feeds" href="/feeds">
+                  {({isActive}) => {
+                    const Icon = isActive ? HashtagFilled : Hashtag
+                    return (
+                      <Icon
+                        width={iconWidth + 1}
+                        style={[styles.ctrlIcon, pal.text, styles.feedsIcon]}
+                      />
+                    )
+                  }}
+                </NavItem>
               )}
               <NavItem routeName="Notifications" href="/notifications">
                 {({isActive}) => {