chore: add follow all btn to list view

This commit is contained in:
kawamataryo 2024-12-09 13:16:49 +09:00
parent 27d78ba716
commit 60f01428b8

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,6 +151,7 @@ const Sidebar = ({
</svg> </svg>
<p className="text-xl font-bold">Action</p> <p className="text-xl font-bold">Action</p>
</div> </div>
<div className="flex flex-col gap-2">
{match(actionMode) {match(actionMode)
.with(ACTION_MODE.FOLLOW, () => ( .with(ACTION_MODE.FOLLOW, () => (
<AsyncButton <AsyncButton
@ -165,16 +166,24 @@ const Sidebar = ({
/> />
)) ))
.with(ACTION_MODE.IMPORT_LIST, () => ( .with(ACTION_MODE.IMPORT_LIST, () => (
<>
<AsyncButton <AsyncButton
onClick={importList} onClick={importList}
label={chrome.i18n.getMessage("import_list")} label={chrome.i18n.getMessage("import_list")}
/> />
<AsyncButton
onClick={followAll}
className="btn-primary"
label={chrome.i18n.getMessage("follow_all")}
/>
</>
)) ))
.otherwise(() => null)} .otherwise(() => null)}
<p className="text-xs"> <p className="text-xs">
{chrome.i18n.getMessage("warning_user_detection")} {chrome.i18n.getMessage("warning_user_detection")}
</p> </p>
</div> </div>
</div>
<div className="mt-auto"> <div className="mt-auto">
<div className="divider" /> <div className="divider" />
<p <p