···

       
1
       
 
       
import { SessionGate } from "@/components/Auth/SessionGate";

     

       
2
       
-
       
import { ChannelsDrawer } from "@/components/Navigation/ChannelsDrawer";

     

       
3
       
 
       
import { TopBar } from "@/components/Navigation/TopBar";

     

       
4
       
 
       
import { Stack } from "@/components/primitives/Stack";

     

       
5
       
 
       
import { AuthedProviders } from "@/providers/authed";

     
···

       
8
       
 
       


     

       
9
       
 
       
export default function ProtectedLayout() {

     

       
10
       
 
       
    const { semantic } = useCurrentPalette();

     

       
0
       
 
       

     

       
11
       
 
       
    return (

     

       
12
       
 
       
        <SessionGate>

     

       
13
       
 
       
            <AuthedProviders>

     
···

       
19
       
 
       
                    }}

     

       
20
       
 
       
                >

     

       
21
       
 
       
                    <TopBar />

     

       
22
       
-
       
                    <ChannelsDrawer />

     

       
23
       
-
       
                    <Stack

     

       
24
       
-
       
                        screenOptions={{

     

       
25
       
-
       
                            contentStyle: {

     

       
26
       
-
       
                                backgroundColor: semantic.background,

     

       
27
       
-
       
                            },

     

       
28
       
-
       
                        }}

     

       
29
       
-
       
                    />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
30
       
 
       
                </View>

     

       
31
       
 
       
            </AuthedProviders>

     

       
32
       
 
       
        </SessionGate>

     

···

       
1
       
 
       
import { SessionGate } from "@/components/Auth/SessionGate";

     

       
2
       
+
       
import { ChannelsPicker } from "@/components/Navigation/ChannelsPicker";

     

       
3
       
 
       
import { TopBar } from "@/components/Navigation/TopBar";

     

       
4
       
 
       
import { Stack } from "@/components/primitives/Stack";

     

       
5
       
 
       
import { AuthedProviders } from "@/providers/authed";

     
···

       
8
       
 
       


     

       
9
       
 
       
export default function ProtectedLayout() {

     

       
10
       
 
       
    const { semantic } = useCurrentPalette();

     

       
11
       
+
       


     

       
12
       
 
       
    return (

     

       
13
       
 
       
        <SessionGate>

     

       
14
       
 
       
            <AuthedProviders>

     
···

       
20
       
 
       
                    }}

     

       
21
       
 
       
                >

     

       
22
       
 
       
                    <TopBar />

     

       
23
       
+
       
                    <View style={{ flex: 1, flexDirection: "row" }}>

     

       
24
       
+
       
                        <ChannelsPicker />

     

       
25
       
+
       
                        <Stack

     

       
26
       
+
       
                            screenOptions={{

     

       
27
       
+
       
                                contentStyle: {

     

       
28
       
+
       
                                    backgroundColor: semantic.background,

     

       
29
       
+
       
                                },

     

       
30
       
+
       
                            }}

     

       
31
       
+
       
                        />

     

       
32
       
+
       
                    </View>

     

       
33
       
 
       
                </View>

     

       
34
       
 
       
            </AuthedProviders>

     

       
35
       
 
       
        </SessionGate>

     

···

       
1
       
-
       
import { Chat } from "@/components/Chat";

     

       
2
       
 
       
import { Loading } from "@/components/primitives/Loading";

     

       
3
       
-
       
import { useChannelRecords } from "@/providers/authed/ChannelsProvider";

     

       
4
       
 
       
import { useSessions } from "@/providers/authed/SessionsProvider";

     

       
5
       
 
       
import { View } from "react-native";

     

       
6
       
 
       


     

       
7
       
 
       
export default function Index() {

     

       
8
       
-
       
    const { channels } = useChannelRecords();

     

       
9
       
 
       
    const { isInitialising } = useSessions();

     

       
10
       
 
       


     

       
11
       
 
       
    const isAppReady = !isInitialising;

     
···

       
17
       
 
       
                alignItems: "stretch",

     

       
18
       
 
       
            }}

     

       
19
       
 
       
        >

     

       
20
       
-
       
            {isAppReady ? (

     

       
21
       
-
       
                <Chat channelAtUri={channels[0].channelAtUri} />

     

       
22
       
-
       
            ) : (

     

       
23
       
-
       
                <Loading />

     

       
24
       
-
       
            )}

     

       
25
       
 
       
        </View>

     

       
26
       
 
       
    );

     

       
27
       
 
       
}

     

···

       
1
       
+
       
import { Home } from "@/components/Home";

     

       
2
       
 
       
import { Loading } from "@/components/primitives/Loading";

     

       
0
       
 
       

     

       
3
       
 
       
import { useSessions } from "@/providers/authed/SessionsProvider";

     

       
4
       
 
       
import { View } from "react-native";

     

       
5
       
 
       


     

       
6
       
 
       
export default function Index() {

     

       
0
       
 
       

     

       
7
       
 
       
    const { isInitialising } = useSessions();

     

       
8
       
 
       


     

       
9
       
 
       
    const isAppReady = !isInitialising;

     
···

       
15
       
 
       
                alignItems: "stretch",

     

       
16
       
 
       
            }}

     

       
17
       
 
       
        >

     

       
18
       
+
       
            {isAppReady ? <Home /> : <Loading />}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
19
       
 
       
        </View>

     

       
20
       
 
       
    );

     

       
21
       
 
       
}

     

···

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
import { View } from "react-native";

     

       
2
       
+
       


     

       
3
       
+
       
export const Home = () => {

     

       
4
       
+
       
    return <View></View>;

     

       
5
       
+
       
};