chore: clean-up subscribe-leave-toggle classnames

BharathxD · Jul 29, 2023 · 8fd0013 · 8fd0013
1 parent 4bc2dc8
commit 8fd0013
Showing 1 changed file with 7 additions and 8 deletions.
diff --git 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"}