Invoisio/mobile/app/_layout.tsx at main · ghzhost/Invoisio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
import { useEffect } from "react";
import { Stack } from "expo-router";
import { StatusBar } from "expo-status-bar";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ConnectivityProvider } from "../components/ConnectivityProvider";
import { OfflineBanner } from "../components/OfflineBanner";
import { SyncStatusBanner } from "../components/SyncStatusBanner";
import { AuthGuard } from "../components/auth-guard";
import { useAuthStore } from "../hooks/use-auth-store";
import { DeepLinkHandler } from "../components/DeepLinkHandler";

const queryClient = new QueryClient();

export default function RootLayout() {
  const loadAuth = useAuthStore((state) => state.loadAuth);

  useEffect(() => {
    void loadAuth();
  }, [loadAuth]);

  return (
    <QueryClientProvider client={queryClient}>
      <ConnectivityProvider>
        <SafeAreaProvider>
          <StatusBar style="light" />
          <OfflineBanner />
          <SyncStatusBanner />
          <AuthGuard>
            <Stack
              screenOptions={{
                headerStyle: {
                  backgroundColor: "#050914",
                },
                headerTintColor: "#fff",
                headerTitleStyle: {
                  fontFamily: "SpaceGrotesk_600SemiBold",
                },
                headerBackTitle: "Back",
                contentStyle: {
                  backgroundColor: "#050914",
                },
              }}
            >
              <Stack.Screen
                name="index"
                options={{
                  title: "Invoisio",
                  headerShown: false,
                }}
              />
              <Stack.Screen
                name="payments/[id]"
                options={{
                  title: "Pay Invoice",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="dashboard"
                options={{
                  title: "Dashboard",
                  headerShown: false,
                }}
              />
              <Stack.Screen
                name="login"
                options={{
                  title: "Sign In",
                  headerShown: false,
                }}
              />
              <Stack.Screen
                name="create-invoice"
                options={{
                  title: "Create Invoice",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="drafts"
                options={{
                  title: "Saved Drafts",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="invoices/[id]"
                options={{
                  title: "Invoice Details",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="receipts/[id]"
                options={{
                  title: "Payment Receipt",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="scan"
                options={{
                  title: "Scan QR",
                  headerShown: true,
                }}
              />
              <Stack.Screen
                name="settings"
                options={{
                  title: "Settings",
                  headerShown: true,
                }}
              />
            </Stack>
          </AuthGuard>
          <DeepLinkHandler />
        </SafeAreaProvider>
      </ConnectivityProvider>
    </QueryClientProvider>
  );
}