{location.protocol === "https:" && (<>
@@ -252,4 +270,4 @@ function ServerCardInPage() {
);
}
-export default ServerCardInPage;
\ No newline at end of file
+export default ServerCardInPage;
diff --git a/amnet-web/src/pages/server-listing.tsx b/amnet-web/src/pages/server-listing.tsx
index 39919a9..2e050f0 100644
--- a/amnet-web/src/pages/server-listing.tsx
+++ b/amnet-web/src/pages/server-listing.tsx
@@ -1,21 +1,19 @@
import {z} from "zod";
-import TimeAgo from "react-timeago";
import {useForm} from "react-hook-form";
import {useLiveQuery} from "dexie-react-hooks";
+import {AMNET_API_VERSION} from "amnet-shared";
import React, {useEffect, useState} from "react";
import {useLocation, useNavigate} from 'react-router-dom';
-import {zodResolver} from "@hookform/resolvers/zod";
import {
Earth,
- History,
Plus,
ShieldAlert,
SquareArrowOutUpRight,
- Trash,
WalletCards
} from "lucide-react";
import {AimeServer, db} from "@/lib/database";
+import {zodResolver} from "@hookform/resolvers/zod";
import {Input} from "@/components/ui/input";
import {Button} from "@/components/ui/button";
@@ -23,26 +21,38 @@ import {LoadingIndicator} from "@/components/loading-indicator";
import {Alert, AlertDescription, AlertTitle} from "@/components/ui/alert";
import {Form, FormControl, FormField, FormItem, FormMessage} from "@/components/ui/form";
import {HttpsMixedModeRequestWarning} from "@/components/https-mixed-mode-request-warning";
-import {
- ContextMenu,
- ContextMenuContent,
- ContextMenuItem,
- ContextMenuSeparator,
- ContextMenuTrigger
-} from "@/components/ui/context-menu";
import {AMFooter} from "@/components/am-footer";
import {AMHeader} from "@/components/am-header";
-import {AMNET_API_VERSION} from "amnet-shared";
-import {AMCard, AMCardDetail} from "@/components/am-card";
+import {AMServer} from "@/components/am-server.tsx";
const serverAdditionSchema = z.object({
address: z.string().startsWith("http")
});
-function ServerList(props: { servers: AimeServer[] | undefined }) {
+function ServerListing() {
const navigate = useNavigate();
+ const servers = useLiveQuery(() => db.servers.toArray());
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function ServerList(props: { servers: AimeServer[] | undefined }) {
if (!props.servers) {
return (
);
}
@@ -65,32 +75,7 @@ function ServerList(props: { servers: AimeServer[] | undefined }) {
- {props.servers.map(s =>
-
-
- navigate(`/servers/${s.id}`)}>
- {s.lastConnected > 0 && (
-
-
-
-
- )}
-
-
- {s.serverAddress}
-
-
-
-
- navigate(`/servers/${s.id}`)}>
- Select Server
-
-
- db.servers.delete(s.id)}>
- Remove Server
-
-
- )}
+ {props.servers.map(s =>
)}
>);
}
@@ -224,26 +209,4 @@ function ServerAddForm() {
);
}
-function ServerListing() {
- const navigate = useNavigate();
- const servers = useLiveQuery(() => db.servers.toArray());
-
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
export default ServerListing;