From 60f01428b81868eab14a3b742a51fb1e17a8d298 Mon Sep 17 00:00:00 2001
From: kawamataryo <ba068082@gmail.com>
Date: Mon, 9 Dec 2024 13:16:49 +0900
Subject: [PATCH] chore: add follow all btn to list view

---
 src/lib/components/Sidebar.tsx | 57 ++++++++++++++++++++--------------
 1 file changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/lib/components/Sidebar.tsx b/src/lib/components/Sidebar.tsx
index 239664d..6cdc412 100644
--- a/src/lib/components/Sidebar.tsx
+++ b/src/lib/components/Sidebar.tsx
@@ -134,7 +134,7 @@ const Sidebar = ({
           </div>
         ))}
         <div className="divider" />
-        <div className="flex items-center gap-2 mb-3">
+        <div className="flex items-center gap-2 mb-4">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
@@ -151,29 +151,38 @@ const Sidebar = ({
           </svg>
           <p className="text-xl font-bold">Action</p>
         </div>
-        {match(actionMode)
-          .with(ACTION_MODE.FOLLOW, () => (
-            <AsyncButton
-              onClick={followAll}
-              label={chrome.i18n.getMessage("follow_all")}
-            />
-          ))
-          .with(ACTION_MODE.BLOCK, () => (
-            <AsyncButton
-              onClick={blockAll}
-              label={chrome.i18n.getMessage("block_all")}
-            />
-          ))
-          .with(ACTION_MODE.IMPORT_LIST, () => (
-            <AsyncButton
-              onClick={importList}
-              label={chrome.i18n.getMessage("import_list")}
-            />
-          ))
-          .otherwise(() => null)}
-        <p className="text-xs">
-          ⚠️ {chrome.i18n.getMessage("warning_user_detection")}
-        </p>
+        <div className="flex flex-col gap-2">
+          {match(actionMode)
+            .with(ACTION_MODE.FOLLOW, () => (
+              <AsyncButton
+                onClick={followAll}
+                label={chrome.i18n.getMessage("follow_all")}
+              />
+            ))
+            .with(ACTION_MODE.BLOCK, () => (
+              <AsyncButton
+                onClick={blockAll}
+                label={chrome.i18n.getMessage("block_all")}
+              />
+            ))
+            .with(ACTION_MODE.IMPORT_LIST, () => (
+              <>
+                <AsyncButton
+                  onClick={importList}
+                  label={chrome.i18n.getMessage("import_list")}
+                />
+                <AsyncButton
+                  onClick={followAll}
+                  className="btn-primary"
+                  label={chrome.i18n.getMessage("follow_all")}
+                />
+              </>
+            ))
+            .otherwise(() => null)}
+          <p className="text-xs">
+            ⚠️ {chrome.i18n.getMessage("warning_user_detection")}
+          </p>
+        </div>
       </div>
       <div className="mt-auto">
         <div className="divider" />