28 lines
934 B
React
28 lines
934 B
React
import { IconButton, Menu, Portal } from "@chakra-ui/react";
|
|
import { IoIosArrowBack } from "react-icons/io";
|
|
import { FiSettings } from "react-icons/fi";
|
|
import WidgetMenu from "./WidgetMenu";
|
|
|
|
export function SettingsButton({ onEditWidgets, appendWidget}) {
|
|
const triggerItem = (<> <Menu.TriggerItem> <IoIosArrowBack /> Add Widget</Menu.TriggerItem> </>);
|
|
const WidgetMenuProps = { appendWidget, triggerItem }
|
|
return (
|
|
<Menu.Root>
|
|
<Menu.Trigger asChild >
|
|
<IconButton variant="ghost" size="md" borderRadius="xl">
|
|
<FiSettings />
|
|
</IconButton>
|
|
</Menu.Trigger>
|
|
<Portal>
|
|
<Menu.Positioner>
|
|
<Menu.Content>
|
|
<WidgetMenu {...WidgetMenuProps}/>
|
|
<Menu.Item value="eidt" onClick={onEditWidgets} >
|
|
Edit Widgets
|
|
</Menu.Item>
|
|
</Menu.Content>
|
|
</Menu.Positioner>
|
|
</Portal>
|
|
</Menu.Root>
|
|
);
|
|
} |