diff --git a/frontend/components/ToolbarExtensionManager/ToolbarManagerContextMenu.tsx b/frontend/components/ToolbarExtensionManager/ToolbarManagerContextMenu.tsx index 1e74735..9c6691b 100644 --- a/frontend/components/ToolbarExtensionManager/ToolbarManagerContextMenu.tsx +++ b/frontend/components/ToolbarExtensionManager/ToolbarManagerContextMenu.tsx @@ -1,9 +1,9 @@ -import { DialogHeader, Field } from '@steambrew/client'; -import { openExtensionManagerPopup } from 'extensions-manager/ExtensionManagerPopup'; -import React from 'react'; -import { FaCog } from 'react-icons/fa'; -import { useExtensionsBarStore } from '../stores/extensionsBarStore'; -import { ManagerExtensionItem } from './ManagerExtensionItem'; +import { DialogHeader, Field } from "@steambrew/client"; +import { openExtensionManagerPopup } from "extensions-manager/ExtensionManagerPopup"; +import React from "react"; +import { FaCog } from "react-icons/fa"; +import { useExtensionsBarStore } from "../stores/extensionsBarStore"; +import { ManagerExtensionItem } from "./ManagerExtensionItem"; export function ToolbarManagerContextMenu(): React.JSX.Element { const { extensionsOrder, setExtensionsOrder } = useExtensionsBarStore(); @@ -20,23 +20,28 @@ export function ToolbarManagerContextMenu(): React.JSX.Element { function unpinExtension(extensionId: string): void { setExtensionsOrder((order) => { - return order.filter(id => id !== extensionId); + return order.filter((id) => id !== extensionId); }); } return ( -
+
Extensions - {[...extensions.values()].map(extension => ( - - ))} - } label="Manage extensions" onClick={() => { openExtensionManagerPopup(); }} /> + {[...extensions.values()].map((extension) => ( + + ))} +
openExtensionManagerPopup()} + > + } label="Manage extensions" /> +
); }