Major 3.0 (#118)

Co-authored-by: Maison da Silva <maisonmdsgreen@hotmail.com>
2026-04-22 07:58:01 +03:00 · 2025-07-30 15:02:26 +03:00
parent d6996031b6
commit 2bd9337e63
200 changed files with 19452 additions and 3339 deletions
@@ -0,0 +1,74 @@
+import { useCollections } from "@/entrypoints/sidepanel/contexts/CollectionsProvider";
+import useSettings, { SettingsValue } from "@/hooks/useSettings";
+import saveTabsToCollection from "@/utils/saveTabsToCollection";
+import watchTabSelection from "@/utils/watchTabSelection";
+import { Menu, MenuButtonProps, MenuItem, MenuList, MenuPopover, MenuTrigger, SplitButton } from "@fluentui/react-components";
+import * as ic from "@fluentui/react-icons";
+import { ReactElement } from "react";
+
+export default function ActionButton(): ReactElement
+{
+	const { addCollection } = useCollections();
+	const [defaultAction] = useSettings("defaultSaveAction");
+	const [selection, setSelection] = useState<"all" | "selected">("all");
+
+	const handleAction = async (primary: boolean) =>
+	{
+		const colection = await saveTabsToCollection(primary === (defaultAction === "set_aside"));
+		addCollection(colection);
+	};
+
+	useEffect(() =>
+	{
+		return watchTabSelection(setSelection);
+	}, []);
+
+	if (defaultAction === null)
+		return <div />;
+
+	const primaryActionKey: ActionsKey = `${defaultAction}.${selection}`;
+	const PrimaryIcon = actionIcons[primaryActionKey];
+	const secondaryActionKey: ActionsKey = `${defaultAction === "save" ? "set_aside" : "save"}.${selection}`;
+	const SecondaryIcon = actionIcons[secondaryActionKey];
+
+	return (
+		<Menu positioning="below-end">
+			<MenuTrigger disableButtonEnhancement>
+				{ (triggerProps: MenuButtonProps) => (
+					<SplitButton
+						appearance="primary"
+						icon={ <PrimaryIcon /> }
+						menuButton={ triggerProps }
+						primaryActionButton={ { onClick: () => handleAction(true) } }
+					>
+						{ i18n.t(`actions.${primaryActionKey}`) }
+					</SplitButton>
+				) }
+			</MenuTrigger>
+
+			<MenuPopover>
+				<MenuList>
+					<MenuItem icon={ <SecondaryIcon /> } onClick={ () => handleAction(false) }>
+						{ i18n.t(`actions.${secondaryActionKey}`) }
+					</MenuItem>
+				</MenuList>
+			</MenuPopover>
+		</Menu>
+	);
+}
+
+const actionIcons: Record<ActionsKey, ic.FluentIcon> =
+{
+	"save.all": ic.bundleIcon(ic.SaveArrowRight20Filled, ic.SaveArrowRight20Regular),
+	"save.selected": ic.bundleIcon(ic.SaveCopy20Filled, ic.SaveCopy20Regular),
+	"set_aside.all": ic.bundleIcon(ic.ArrowRight20Filled, ic.ArrowRight20Regular),
+	"set_aside.selected": ic.bundleIcon(ic.CopyArrowRight20Filled, ic.CopyArrowRight20Regular)
+};
+
+export type ActionsKey = `${SettingsValue<"defaultSaveAction">}.${"all" | "selected"}`;
+
+export type ActionsValue =
+	{
+		label: string;
+		icon: ic.FluentIcon;
+	};