From fc66dac933549c0f41e62d3f0d1609d772b59c7c Mon Sep 17 00:00:00 2001
From: daniel31x13 <daniel31x13@gmail.com>
Date: Fri, 24 May 2024 19:15:33 -0400
Subject: [PATCH] small change

---
 components/ModalContent/RevokeTokenModal.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/ModalContent/RevokeTokenModal.tsx b/components/ModalContent/RevokeTokenModal.tsx
index 9aef2d9..7f10541 100644
--- a/components/ModalContent/RevokeTokenModal.tsx
+++ b/components/ModalContent/RevokeTokenModal.tsx
@@ -5,6 +5,7 @@ import Modal from "../Modal";
 import { useRouter } from "next/router";
 import { AccessToken } from "@prisma/client";
 import useTokenStore from "@/store/tokens";
+import Button from "../ui/Button";
 
 type Props = {
   onClose: Function;
@@ -49,13 +50,10 @@ export default function DeleteTokenModal({ onClose, activeToken }: Props) {
           using it.
         </p>
 
-        <button
-          className={`ml-auto btn w-fit text-white flex items-center gap-2 duration-100 bg-red-500 hover:bg-red-400 hover:dark:bg-red-600 cursor-pointer`}
-          onClick={deleteLink}
-        >
+        <Button className="ml-auto" intent="destructive" onClick={deleteLink}>
           <i className="bi-trash text-xl" />
           Revoke
-        </button>
+        </Button>
       </div>
     </Modal>
   );