Updates

src/pages/admin/clients/(sections)/clients-table-section.tsx

@@ -28,7 +28,7 @@ const thRightClass = `${thClass} text-right`;
 export default function ClientsTableSection({ addOpen, setAddOpen }: Props) {
     const [query, setQuery] = useState("");
 
-    const { res, setRes } = useAdminCrudGet<BUN_SQLITE_WGUI_CLIENTS>({
+    const { res } = useAdminCrudGet<BUN_SQLITE_WGUI_CLIENTS>({
         table: "clients",
         sql_query: {
             order: { field: "created_at", strategy: "DESC" },
@@ -103,10 +103,11 @@ export default function ClientsTableSection({ addOpen, setAddOpen }: Props) {
                 </Stack>
             ) : filtered.length ? (
                 <div className="overflow-x-auto">
-                    <table className="w-full min-w-[860px]">
+                    <table className="w-full min-w-[940px]">
                         <thead>
                             <tr className="border-y border-slate-200 dark:border-white/10 bg-foreground-light/[0.02] dark:bg-foreground-dark/[0.03]">
                                 <th className={thClass}>Client</th>
+                                <th className={thClass}>Host</th>
                                 <th className={thClass}>Tunnel IP</th>
                                 <th className={thClass}>Allowed IPs</th>
                                 <th className={thClass}>Access</th>
@@ -144,11 +145,7 @@ export default function ClientsTableSection({ addOpen, setAddOpen }: Props) {
                     </Span>
                 </Stack>
             )}
-            <ClientFormModal
-                open={addOpen}
-                setOpen={setAddOpen}
-                onCreated={() => setRes(undefined)}
-            />
+            <ClientFormModal open={addOpen} setOpen={setAddOpen} />
         </AdminCard>
     );
 }