adding rn-primitives for ui and calendar component

Author: trevorpfiz

apps/expo/package.json

@@ -26,13 +26,24 @@
     "@gorhom/bottom-sheet": "^4.6.4",
     "@hookform/resolvers": "^3.9.0",
     "@hyper/validators": "workspace:*",
+    "@marceloterreiro/flash-calendar": "^1.0.0",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-google-signin/google-signin": "^12.2.1",
     "@react-navigation/drawer": "^6.7.2",
     "@react-navigation/native": "^6.1.18",
+    "@rn-primitives/avatar": "^1.0.3",
+    "@rn-primitives/dialog": "^1.0.3",
+    "@rn-primitives/hooks": "^1.0.3",
+    "@rn-primitives/label": "^1.0.3",
+    "@rn-primitives/portal": "^1.0.3",
+    "@rn-primitives/progress": "^1.0.3",
+    "@rn-primitives/slot": "^1.0.3",
+    "@rn-primitives/tooltip": "^1.0.3",
+    "@rn-primitives/types": "^1.0.3",
+    "@rn-primitives/utils": "^1.0.3",
     "@shopify/flash-list": "1.7.0",
     "@shopify/react-native-skia": "^1.3.9",
     "@supabase/auth-helpers-react": "catalog:supabase",
@@ -44,6 +55,7 @@
     "aes-js": "^3.1.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
     "expo": "^51.0.24",
     "expo-apple-authentication": "~6.4.2",
     "expo-av": "~14.0.6",

apps/expo/src/app/(app)/(tabs)/_layout.tsx

@@ -0,0 +1,58 @@
+import { TouchableOpacity, View } from "react-native";
+import { Tabs } from "expo-router";
+import colors from "tailwindcss/colors";
+
+import { CircleUserRound } from "~/lib/icons/circle-user-round";
+import { House } from "~/lib/icons/house";
+import { Plus } from "~/lib/icons/plus";
+
+const TabsLayout = () => {
+  return (
+    <Tabs>
+      <Tabs.Screen
+        name="index"
+        options={{
+          headerShown: false,
+          title: "Home",
+          tabBarButton: (props) => <TouchableOpacity {...props} />,
+          tabBarIcon: ({ size, color }) => <House size={size} color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="log"
+        options={{
+          title: "Log",
+          tabBarLabel: "",
+          tabBarButton: (props) => <TouchableOpacity {...props} />,
+          tabBarIcon: ({ size }) => (
+            <View
+              style={{
+                width: size + 10,
+                height: size + 10,
+                borderRadius: 9999,
+                backgroundColor: colors.blue[600],
+                justifyContent: "center",
+                alignItems: "center",
+                top: 10,
+              }}
+            >
+              <Plus size={size} color="white" />
+            </View>
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="account"
+        options={{
+          title: "Account",
+          tabBarButton: (props) => <TouchableOpacity {...props} />,
+          tabBarIcon: ({ size, color }) => (
+            <CircleUserRound size={size} color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+};
+
+export default TabsLayout;