From 3a570c0618f59bf01718bac4105e855e3283c2b2 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Tue, 13 Aug 2024 20:55:26 +0100
Subject: [PATCH] add "add server button"

---
 amnet-native/app/ServerManager.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/amnet-native/app/ServerManager.tsx b/amnet-native/app/ServerManager.tsx
index 06aae47..0fca8f2 100644
--- a/amnet-native/app/ServerManager.tsx
+++ b/amnet-native/app/ServerManager.tsx
@@ -1,5 +1,5 @@
-import {Paragraph} from "react-native-paper";
-import {Globe, History, ServerOff} from "lucide-react-native";
+import {Button, Paragraph, useTheme} from "react-native-paper";
+import {Globe, History, Plus, ServerOff} from "lucide-react-native";
 import {FlatList, NativeSyntheticEvent, Text, View} from "react-native";
 import React, {useCallback, useLayoutEffect, useMemo, useState} from "react";
 import {EmptyStatePlaceholder} from "../components/EmptyStatePlaceholder";
@@ -58,6 +58,7 @@ function ServerCard(props: { server: AMServer, navigation: any }) {
 }
 
 export default function ServerManager({navigation}) {
+    const theme = useTheme();
     const [searchQuery, setSearchQuery] = useState('');
 
     const query = useQuery(AMServer);
@@ -87,8 +88,9 @@ export default function ServerManager({navigation}) {
 
     if (!servers.length) {
         return (
-            <View style={{display: "flex", flex: 1, justifyContent: "center", alignItems: "center"}}>
-                <EmptyStatePlaceholder message="No servers found" icon={<ServerOff color="gray"/>}/>
+            <View style={{gap: 10, flex: 1, justifyContent: "center", alignItems: "center"}}>
+                <EmptyStatePlaceholder message="No servers found" icon={<ServerOff color="gray"/>}/> 
+                <Button mode="text" onPress={() => navigation.navigate('add-server')} icon={() => <Plus size={18} color={theme.colors.primary}/>}>Add Server</Button>
             </View>
         );
     }