Updates

2026-09-20 04:14:32 +01:00
parent cda6cff34f
commit d5536b49d9
42 changed files with 1544 additions and 143 deletions
@@ -1,4 +1,9 @@
-import { useState, type Dispatch, type ReactNode, type SetStateAction } from "react";
+import {
+    useState,
+    type Dispatch,
+    type ReactNode,
+    type SetStateAction,
+} from "react";
 import { X } from "lucide-react";
 import Modal from "@/src/components/twui/elements/Modal";
 import Input from "@/src/components/twui/form/Input";
@@ -97,7 +102,7 @@ export default function ClientFormModal({ open, setOpen, onCreated }: Props) {
                        <Input
                            name="allowed_ips"
                            id="allowed_ips"
-                            placeholder="10.0.0.10/32"
+                            placeholder="10.0.0.10/24"
                            label="Allowed IPs"
                            showLabel
                        />
@@ -108,7 +113,10 @@ export default function ClientFormModal({ open, setOpen, onCreated }: Props) {
                        </Span>
                    ) : null}
                    <Row className="justify-end gap-2 mt-2">
-                        <AdminButton onClick={() => setOpen(false)} disabled={busy}>
+                        <AdminButton
+                            onClick={() => setOpen(false)}
+                            disabled={busy}
+                        >
                            Cancel
                        </AdminButton>
                        <AdminButton
@@ -123,4 +131,4 @@ export default function ClientFormModal({ open, setOpen, onCreated }: Props) {
            </Form>
        </Modal>
    );
-}
+}
@@ -82,6 +82,7 @@ export default function ClientsTableSection({ addOpen, setAddOpen }: Props) {
                                <th className={thClass}>Allowed IPs</th>
                                <th className={thClass}>Public key</th>
                                <th className={thRightClass}>Created</th>
+                                <th className={thRightClass}>Actions</th>
                            </tr>
                        </thead>
                        <tbody>