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

src/components/ConnectBtn.js

@@ -0,0 +1,45 @@
+import { Entypo } from "@expo/vector-icons";
+import { BlurView } from "expo-blur";
+import React from "react";
+import { Pressable, Text } from "react-native";
+import { Routes } from "../navigation";
+import { navigate } from "../navigation/NavigationService";
+import { Palette } from "../styles";
+import { FONT_FAMILY } from "../styles/Fonts";
+export default function ConnectBtn({ style }) {
+  const handlePress = () => {
+    navigate(Routes.Login);
+  };
+
+  return (
+    <Pressable
+      onPress={handlePress}
+      style={{
+        ...style,
+      }}
+    >
+      <BlurView
+        style={{
+          paddingHorizontal: 10,
+          paddingVertical: 5,
+          borderRadius: 15,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Text
+          style={{
+            fontSize: 14,
+            color: Palette.white,
+            fontFamily: FONT_FAMILY.InterRegular,
+            marginRight: 5,
+          }}
+        >
+          {"Se connecter"}
+        </Text>
+        <Entypo name="share-alternative" size={16} color="white" />
+      </BlurView>
+    </Pressable>
+  );
+}

src/components/GradientButton.js

@@ -44,6 +44,7 @@ const GradientButton = ({
             fontSize: 15,
             color: Palette.white,
             fontFamily: FONT_FAMILY.InterMedium,
+            paddingHorizontal: 10,
           }}
         >
           {title}