try to deploy

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/components/generic/NotificationDetailDialog.jsx

@@ -6,7 +6,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } f
 import { Separator } from "@/components/ui/separator";
 import { Spinner } from "@/components/ui/spinner";
 import { useDateFormat } from "@/hooks/useDateFormat";
-import { NotificationIcon, getTypeAccent, resolveNotificationLink } from "@/components/generic/notificationDisplay";
+import { NotificationIcon, getTypeAccent, getTypeButtonClasses, resolveNotificationLink } from "@/components/generic/notificationDisplay";
 
 export default function NotificationDetailDialog({ notification, onOpenChange }) {
     const { fmtDateTime } = useDateFormat();
@@ -81,7 +81,12 @@ export default function NotificationDetailDialog({ notification, onOpenChange })
                 )}
 
                 {link && (
-                    <Button className="w-full gap-1.5" onClick={handleGo} disabled={navigating}>
+                    <Button
+                        variant="outline"
+                        className={`w-full gap-1.5 ${getTypeButtonClasses(notification?.type)}`}
+                        onClick={handleGo}
+                        disabled={navigating}
+                    >
                         {navigating ? <Spinner className="size-4" /> : <>{link.label} <ArrowRight className="size-3.5" /></>}
                     </Button>
                 )}