steve/tok-to-insta-follower-bridge
1
0
Fork 0
mirror of https://github.com/snachodog/tok-to-insta-follower-bridge.git synced 2025-04-04 03:01:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

chore: add follow all btn to list view

Browse Source
This commit is contained in:
kawamataryo 2024-12-09 13:16:49 +09:00
parent 27d78ba716
commit 60f01428b8
1 changed files with 33 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/lib/components/Sidebar.tsx
View File

@ -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" />