Merge branch 'master' of https://github.com/Oreolion/i_story_dapp

Author: Oreolion

eslint.config.mjs

@@ -18,6 +18,7 @@ const eslintConfig = [
       "out/**",
       "build/**",
       "next-env.d.ts",
+      "mobile/**",
       "typechain-types/**",
       "skills/**",
       "cre/**",

mobile/.env.example

@@ -0,0 +1,9 @@
+# e-Story Mobile Environment Variables
+# Copy to .env and fill in values
+
+API_BASE_URL=https://istory.vercel.app
+SUPABASE_URL=
+SUPABASE_ANON_KEY=
+WALLETCONNECT_PROJECT_ID=
+GOOGLE_WEB_CLIENT_ID=
+EAS_PROJECT_ID=

mobile/app.config.ts

@@ -17,6 +17,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   ios: {
     supportsTablet: true,
     bundleIdentifier: "com.estory.mobile",
+    associatedDomains: ["applinks:e-story-dapp.vercel.app"],
     infoPlist: {
       NSMicrophoneUsageDescription:
         "e-Story needs microphone access to record voice journals.",
@@ -62,14 +63,13 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
     ],
   ],
   extra: {
-    API_BASE_URL: process.env.API_BASE_URL || "https://istory.vercel.app",
+    API_BASE_URL: process.env.API_BASE_URL || "https://e-story-dapp.vercel.app",
     SUPABASE_URL: process.env.SUPABASE_URL || "",
     SUPABASE_ANON_KEY: process.env.SUPABASE_ANON_KEY || "",
     WALLETCONNECT_PROJECT_ID: process.env.WALLETCONNECT_PROJECT_ID || "",
-    GOOGLE_CLIENT_ID_IOS: process.env.GOOGLE_CLIENT_ID_IOS || "",
-    GOOGLE_CLIENT_ID_ANDROID: process.env.GOOGLE_CLIENT_ID_ANDROID || "",
+    GOOGLE_WEB_CLIENT_ID: process.env.GOOGLE_WEB_CLIENT_ID || "",
     eas: {
-      projectId: process.env.EAS_PROJECT_ID || "",
+      projectId: "183d424a-6826-4538-bff5-06aec39eb0d5",
     },
   },
 });

mobile/app/(tabs)/_layout.tsx

@@ -1,38 +1,21 @@
-// Tab Layout - Bottom navigation with 5 tabs
+// Tab Layout - Bottom navigation with custom glass tab bar
 import React from "react";
 import { Tabs } from "expo-router";
-import { View, Text } from "react-native";
 import {
   Home,
   Mic,
+  CalendarCheck,
   Archive,
   Users,
   User,
 } from "lucide-react-native";
-import { useAuthStore } from "../../stores/authStore";
+import { AnimatedTabBar } from "../../components/ui";
 
 export default function TabLayout() {
-  const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
-
   return (
     <Tabs
-      screenOptions={{
-        headerShown: false,
-        tabBarStyle: {
-          backgroundColor: "#0f172a",
-          borderTopColor: "#1e293b",
-          borderTopWidth: 1,
-          height: 80,
-          paddingBottom: 20,
-          paddingTop: 8,
-        },
-        tabBarActiveTintColor: "#a78bfa",
-        tabBarInactiveTintColor: "#64748b",
-        tabBarLabelStyle: {
-          fontSize: 11,
-          fontWeight: "600",
-        },
-      }}
+      screenOptions={{ headerShown: false }}
+      tabBar={(props) => <AnimatedTabBar {...props} />}
     >
       <Tabs.Screen
         name="index"
@@ -48,16 +31,16 @@ export default function TabLayout() {
         options={{
           title: "Record",
           tabBarIcon: ({ color, size }) => (
-            <View
-              className="rounded-full bg-primary p-2"
-              style={
-                isAuthenticated
-                  ? { backgroundColor: "#7c3aed" }
-                  : { backgroundColor: "#374151" }
-              }
-            >
-              <Mic size={size - 4} color="#fff" />
-            </View>
+            <Mic size={size} color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="tracker"
+        options={{
+          title: "Tracker",
+          tabBarIcon: ({ color, size }) => (
+            <CalendarCheck size={size} color={color} />
           ),
         }}
       />