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

1 files changed, 0 insertions, 55 deletions

diff --git a/apps/web/components/dashboard/settings/DeleteApiKey.tsx b/apps/web/components/dashboard/settings/DeleteApiKey.tsx
deleted file mode 100644
index e2334c44..00000000
--- a/apps/web/components/dashboard/settings/DeleteApiKey.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-"use client";
-
-import { useRouter } from "next/navigation";
-import { ActionButton } from "@/components/ui/action-button";
-import ActionConfirmingDialog from "@/components/ui/action-confirming-dialog";
-import { Button } from "@/components/ui/button";
-import { toast } from "@/components/ui/use-toast";
-import { api } from "@/lib/trpc";
-import { Trash } from "lucide-react";
-
-export default function DeleteApiKey({
-  name,
-  id,
-}: {
-  name: string;
-  id: string;
-}) {
-  const router = useRouter();
-  const mutator = api.apiKeys.revoke.useMutation({
-    onSuccess: () => {
-      toast({
-        description: "Key was successfully deleted",
-      });
-      router.refresh();
-    },
-  });
-
-  return (
-    <ActionConfirmingDialog
-      title={"Delete API Key"}
-      description={
-        <p>
-          Are you sure you want to delete the API key &quot;{name}&quot;? Any
-          service using this API key will lose access.
-        </p>
-      }
-      actionButton={(setDialogOpen) => (
-        <ActionButton
-          type="button"
-          variant="destructive"
-          loading={mutator.isPending}
-          onClick={() =>
-            mutator.mutate({ id }, { onSuccess: () => setDialogOpen(false) })
-          }
-        >
-          Delete
-        </ActionButton>
-      )}
-    >
-      <Button variant="outline">
-        <Trash size={18} color="red" />
-      </Button>
-    </ActionConfirmingDialog>
-  );
-}