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-10 14:11:22 -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>
))} ))}
<div className="divider" /> <div className="divider" />
<div className="flex items-center gap-2 mb-3"> <div className="flex items-center gap-2 mb-4">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none" fill="none"
@ -151,29 +151,38 @@ const Sidebar = ({
</svg> </svg>
<p className="text-xl font-bold">Action</p> <p className="text-xl font-bold">Action</p>
</div> </div>
{match(actionMode) <div className="flex flex-col gap-2">
.with(ACTION_MODE.FOLLOW, () => ( {match(actionMode)
<AsyncButton .with(ACTION_MODE.FOLLOW, () => (
onClick={followAll} <AsyncButton
label={chrome.i18n.getMessage("follow_all")} onClick={followAll}
/> label={chrome.i18n.getMessage("follow_all")}
)) />
.with(ACTION_MODE.BLOCK, () => ( ))
<AsyncButton .with(ACTION_MODE.BLOCK, () => (
onClick={blockAll} <AsyncButton
label={chrome.i18n.getMessage("block_all")} onClick={blockAll}
/> label={chrome.i18n.getMessage("block_all")}
)) />
.with(ACTION_MODE.IMPORT_LIST, () => ( ))
<AsyncButton .with(ACTION_MODE.IMPORT_LIST, () => (
onClick={importList} <>
label={chrome.i18n.getMessage("import_list")} <AsyncButton
/> onClick={importList}
)) label={chrome.i18n.getMessage("import_list")}
.otherwise(() => null)} />
<p className="text-xs"> <AsyncButton
⚠️ {chrome.i18n.getMessage("warning_user_detection")} onClick={followAll}
</p> 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>
<div className="mt-auto"> <div className="mt-auto">
<div className="divider" /> <div className="divider" />