From 7b5f63285a7952a57fcfc6bc349869752f689b82 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 17 Jan 2026 23:33:52 +0000
Subject: feat: track api key usage dates

---
 apps/web/components/settings/DeleteApiKey.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'apps/web/components/settings/DeleteApiKey.tsx')

diff --git a/apps/web/components/settings/DeleteApiKey.tsx b/apps/web/components/settings/DeleteApiKey.tsx
index 392f3122..b26b40e6 100644
--- a/apps/web/components/settings/DeleteApiKey.tsx
+++ b/apps/web/components/settings/DeleteApiKey.tsx
@@ -4,10 +4,10 @@ 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/sonner";
 import { useTranslation } from "@/lib/i18n/client";
 import { api } from "@/lib/trpc";
 import { Trash } from "lucide-react";
+import { toast } from "sonner";
 
 export default function DeleteApiKey({
   name,
@@ -20,9 +20,7 @@ export default function DeleteApiKey({
   const router = useRouter();
   const mutator = api.apiKeys.revoke.useMutation({
     onSuccess: () => {
-      toast({
-        description: "Key was successfully deleted",
-      });
+      toast.success("Key was successfully deleted");
       router.refresh();
     },
   });
@@ -49,8 +47,8 @@ export default function DeleteApiKey({
         </ActionButton>
       )}
     >
-      <Button variant="outline">
-        <Trash size={18} color="red" />
+      <Button variant="ghost" title={t("actions.delete")}>
+        <Trash size={18} />
       </Button>
     </ActionConfirmingDialog>
   );
-- 
cgit v1.2.3-70-g09d2

