ui: Redesign the settings page and move it to its own layout

1 files changed, 0 insertions, 49 deletions

diff --git a/apps/web/components/dashboard/settings/ApiKeySettings.tsx b/apps/web/components/dashboard/settings/ApiKeySettings.tsx
deleted file mode 100644
index 4d43be7a..00000000
--- a/apps/web/components/dashboard/settings/ApiKeySettings.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import { api } from "@/server/api/client";
-
-import AddApiKey from "./AddApiKey";
-import DeleteApiKey from "./DeleteApiKey";
-
-export default async function ApiKeys() {
-  const keys = await api.apiKeys.list();
-  return (
-    <div>
-      <div className="flex items-center justify-between">
-        <div className="mb-2 text-lg font-medium">API Keys</div>
-        <AddApiKey />
-      </div>
-      <div className="mt-2">
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>Name</TableHead>
-              <TableHead>Key</TableHead>
-              <TableHead>Created At</TableHead>
-              <TableHead>Action</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {keys.keys.map((k) => (
-              <TableRow key={k.id}>
-                <TableCell>{k.name}</TableCell>
-                <TableCell>**_{k.keyId}_**</TableCell>
-                <TableCell>{k.createdAt.toLocaleString()}</TableCell>
-                <TableCell>
-                  <DeleteApiKey name={k.name} id={k.id} />
-                </TableCell>
-              </TableRow>
-            ))}
-            <TableRow></TableRow>
-          </TableBody>
-        </Table>
-      </div>
-    </div>
-  );
-}