landing page

src/components/BaseHeader.js

@@ -1,5 +1,5 @@
-import React from "reactn";
 import { Image, Pressable, Text, View } from "react-native";
+import React from "reactn";
 import { responsiveWidth } from "../actions/responsiveSizes.js";
 
 import { icons } from "../assets";
@@ -11,7 +11,7 @@ import { navigate } from "../navigation/NavigationService";
 import useLayoutType, { sidebarWidth } from "../hooks/useLayoutType.js";
 import useNotifications from "../hooks/useNotifications";
 
-export default ({ title = "", containerStyle = {} }) => {
+export default ({ title = "", containerStyle = {}, bell = false }) => {
   const { isDesktop } = useLayoutType();
   const notificationsContext = useNotifications();
   const unreadCount = notificationsContext?.unreadCount || 0;
@@ -45,13 +45,15 @@ export default ({ title = "", containerStyle = {} }) => {
 
       <View style={{ ...Style.containerRow }}>
         <Pressable onPress={() => navigate(Routes.Notifications)}>
-          <Image
-            resizeMode="contain"
-            source={icons.bell}
-            style={{
-              ...Style.iconDefault,
-            }}
-          />
+          {bell && (
+            <Image
+              resizeMode="contain"
+              source={icons.bell}
+              style={{
+                ...Style.iconDefault,
+              }}
+            />
+          )}
 
           {hasUnread ? (
             <View