From 3a620ca26a2eac32b6a38d31e145a90b39930add Mon Sep 17 00:00:00 2001
From: Siddharth Singh <me@shantaram.xyz>
Date: Wed, 13 Nov 2024 17:51:41 +0530
Subject: [PATCH] add unfollow icon in ActionButton

---
 src/features/ui/components/action-button.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/features/ui/components/action-button.tsx b/src/features/ui/components/action-button.tsx
index 8a2f6144c..17d50775a 100644
--- a/src/features/ui/components/action-button.tsx
+++ b/src/features/ui/components/action-button.tsx
@@ -1,5 +1,6 @@
 import banIcon from '@tabler/icons/outline/ban.svg';
 import plusIcon from '@tabler/icons/outline/plus.svg';
+import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
@@ -223,13 +224,11 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small }) =
       );
     } else if (!account.relationship?.blocking && !account.relationship?.muting) {
       // Follow & Unfollow
-
-      let icon: string | undefined;
-
-      if (isFollowing) {
-        icon = plusIcon;
-      } else if (blockedBy) {
+      let icon = plusIcon;
+      if (blockedBy) {
         icon = banIcon;
+      } else if (isFollowing) {
+        icon = xIcon;
       }
 
       return (