add server listing, create modal

2026-10-06 21:58:06 +03:00 · 2024-08-13 18:32:33 +01:00
parent d5fee8f4f1
commit 837b686753
4 changed files with 193 additions and 6 deletions
@@ -0,0 +1,42 @@
+import {Plus} from "lucide-react-native";
+import {TouchableOpacity} from "react-native";
+import {useTheme} from "@react-navigation/native";
+import {createNativeStackNavigator} from "@react-navigation/native-stack";
+
+import ServerCardIn from "./ServerCardIn";
+import ServerManager from "./ServerManager";
+import ServerAddModal from "./ServerAddModal";
+
+const Stack = createNativeStackNavigator();
+
+export default function ServerManagerStack({navigation}) {
+    const theme = useTheme();
+
+    return (
+        <Stack.Navigator>
+            <Stack.Group screenOptions={{
+                headerLargeTitle: true,
+                headerBlurEffect: "regular",
+                headerStyle: {
+                    backgroundColor: theme.colors.background
+                }
+            }}>
+                <Stack.Screen name="server-listing"
+                              component={ServerManager}
+                              options={{
+                                  title: "Servers",
+                                  headerRight: () => <TouchableOpacity
+                                      onPress={() => navigation.navigate('add-server')}>
+                                      <Plus/>
+                                  </TouchableOpacity>
+                              }}/>
+
+                <Stack.Screen name="server-card-in" options={{title: "Server"}} component={ServerCardIn}/>
+            </Stack.Group>
+
+            <Stack.Group screenOptions={{presentation: "modal"}}>
+                <Stack.Screen name="add-server" component={ServerAddModal} options={{title: "Add Server"}}/>
+            </Stack.Group>
+        </Stack.Navigator>
+    );
+}