feat(profile): added profile designs

.env

@@ -4,3 +4,7 @@ EXPO_PUBLIC_FIREBASE_DATABASE_URL=
 EXPO_PUBLIC_FIREBASE_PROJECT_ID=
 EXPO_PUBLIC_FIREBASE_STORAGE_BUCKET=
 EXPO_PUBLIC_FIREBASE_APP_ID=
+EXPO_PUBLIC_GRAPHQL_ENDPOINT=
+EXPO_PUBLIC_GRAPHQL_CODEGEN_ENDPOINT=
+EXPO_PUBLIC_MANAGER_DASHBOARD_URL=
+EXPO_PUBLIC_REFERRER_ENDPOINT=

.github/workflows/ci.yml

@@ -5,6 +5,10 @@ on:
     branches:
       - dev
       - main
+
+env:
+  EXPO_PUBLIC_GRAPHQL_CODEGEN_ENDPOINT: './backend/schema.graphql'
+
 jobs:
   lint_typecheck:
     name: 🚴 Lint + Typecheck 🚴

.github/workflows/release-android.yml

@@ -12,6 +12,8 @@ env:
   EXPO_PUBLIC_FIREBASE_PROJECT_ID: ${{ vars.EXPO_PUBLIC_FIREBASE_PROJECT_ID }}
   EXPO_PUBLIC_FIREBASE_STORAGE_BUCKET: ${{ vars.EXPO_PUBLIC_FIREBASE_STORAGE_BUCKET }}
   EXPO_PUBLIC_FIREBASE_APP_ID: ${{ vars.EXPO_PUBLIC_FIREBASE_APP_ID }}
+  EXPO_PUBLIC_GRAPHQL_ENDPOINT: ${{ vars.EXPO_PUBLIC_GRAPHQL_ENDPOINT }}
+  EXPO_PUBLIC_GRAPHQL_CODEGEN_ENDPOINT: ${{ vars.EXPO_PUBLIC_GRAPHQL_CODEGEN_ENDPOINT }}
 
 jobs:
   build-and-release:

.gitmodules

@@ -1,3 +1,6 @@
 [submodule "firebase"]
 	path = firebase
 	url = git@github.com:mapswipe/mapswipe-firebase.git
+[submodule "backend"]
+	path = backend
+	url = git@github.com:mapswipe/mapswipe-backend.git

app/(auth)/(home)/_layout.tsx

@@ -3,6 +3,7 @@ import {
     StyleSheet,
     TouchableOpacity,
 } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
     Tabs,
     usePathname,
@@ -55,6 +56,7 @@ function TabBarButton({ children, onPress, href }: BottomTabBarButtonProps) {
 
 function HomeLayout() {
     const theme = useTheme();
+    const insets = useSafeAreaInsets();
 
     return (
         <Tabs
@@ -63,7 +65,7 @@ function HomeLayout() {
                 tabBarStyle: {
                     backgroundColor: theme.primaryBlue,
                     borderTopColor: 'transparent',
-                    height: 60,
+                    height: 60 + insets.bottom, // add safe area inset
                 },
 
                 tabBarActiveTintColor: '#ffffff',
@@ -75,7 +77,10 @@ function HomeLayout() {
         >
             <Tabs.Screen
                 name="index"
-                options={{ href: null }}
+                options={{
+                    headerShown: false,
+                    href: null,
+                }}
             />
             <Tabs.Screen
                 name="projects"