From d73f00106fed7a4d9bd298be9326f795efdc46fd Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 9 Nov 2024 16:48:44 +0000
Subject: fix: Fix SummarizeWithAI button to use an ActionButton

---
 apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'apps/web/components/dashboard')

diff --git a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx b/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
index 44f7bcf4..5dfa3166 100644
--- a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
+++ b/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import { ActionButton } from "@/components/ui/action-button";
-import { Button } from "@/components/ui/button";
 import LoadingSpinner from "@/components/ui/spinner";
 import { toast } from "@/components/ui/use-toast";
 import { cn } from "@/lib/utils";
@@ -118,13 +117,13 @@ export default function SummarizeBookmarkArea({
   } else {
     return (
       <div className="flex w-full items-center gap-4">
-        <Button
+        <ActionButton
           onClick={() => mutate({ bookmarkId: bookmark.id })}
           className={cn(
             `relative w-full overflow-hidden bg-opacity-30 bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 transition-all duration-300`,
             isPending ? "text-transparent" : "text-gray-50",
           )}
-          disabled={isPending}
+          loading={isPending}
         >
           {isPending && (
             <div className="absolute inset-0 flex items-center justify-center">
@@ -136,7 +135,7 @@ export default function SummarizeBookmarkArea({
             Summarize with AI
             <Sparkles className="size-4" />
           </span>
-        </Button>
+        </ActionButton>
       </div>
     );
   }
-- 
cgit v1.2.3-70-g09d2