frontend client for gemstone. decentralised workplace app
gmstn.systems
1import { SessionGate } from "@/components/Auth/SessionGate";
2import { ChannelsPicker } from "@/components/Navigation/ChannelsPicker";
3import { TopBar } from "@/components/Navigation/TopBar";
4import { Stack } from "@/components/primitives/Stack";
5import { AuthedProviders } from "@/providers/authed";
6import { useCurrentPalette } from "@/providers/ThemeProvider";
7import { View } from "react-native";
8
9export default function ProtectedLayout() {
10 const { semantic } = useCurrentPalette();
11
12 return (
13 <SessionGate>
14 <AuthedProviders>
15 <View
16 style={{
17 flexDirection: "column",
18 flex: 1,
19 backgroundColor: semantic.background,
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>
36 );
37}