add "add server button"

This commit is contained in:
ppc
2024-08-13 20:55:26 +01:00
parent fb56613662
commit 3a570c0618
+6 -4
View File
@@ -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>
);
}