From 8fd00130ae64648a0b6da650fec09926e630f178 Mon Sep 17 00:00:00 2001
From: Bharath Lakshman Kumar <2110520062@klh.edu.in>
Date: Sat, 29 Jul 2023 17:40:03 +0530
Subject: [PATCH] chore: clean-up subscribe-leave-toggle classnames

---
 src/components/forum/subscribe-leave-toggle.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/forum/subscribe-leave-toggle.tsx b/src/components/forum/subscribe-leave-toggle.tsx
index 247f9ca..03fd6ce 100644
--- a/src/components/forum/subscribe-leave-toggle.tsx
+++ b/src/components/forum/subscribe-leave-toggle.tsx
@@ -77,16 +77,15 @@ const SubscribeLeaveToggle: React.VFC<SubscribeLeaveToggleProps> = ({
     patchSubscription();
   };
 
-  const buttonClassName = cn(
-    "flex h-full w-full items-center justify-center px-6 py-4 text-center text-zinc-50 dark:bg-zinc-900",
-    subscribed
-      ? "bg-red-100 text-zinc-800 hover:bg-red-500 hover:text-zinc-50 dark:border-red-500 dark:text-zinc-50 hover:dark:bg-red-500"
-      : "bg-green-100 text-zinc-800 hover:bg-green-500 hover:text-zinc-50 dark:border-green-500 dark:text-zinc-50 hover:dark:bg-green-500"
-  );
-
   return (
     <button
-      className={buttonClassName}
+      className={cn(
+        "flex h-full w-full items-center justify-center px-6 py-4 text-center text-zinc-50 dark:bg-zinc-900",
+        subscribed &&
+          "bg-red-100 text-zinc-800 hover:bg-red-500 hover:text-zinc-50 dark:border-red-500 dark:text-zinc-50 hover:dark:bg-red-500",
+        !subscribed &&
+          "bg-green-100 text-zinc-800 hover:bg-green-500 hover:text-zinc-50 dark:border-green-500 dark:text-zinc-50 hover:dark:bg-green-500"
+      )}
       onClick={handleToggleSubscription}
       disabled={isLoading}
       aria-label={subscribed ? "Subscribe" : "Leave"}