diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index f95b52a..0fbe38d 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -1,14 +1,9 @@
import React from 'react';
-import { Group, Text, ActionIcon, Avatar } from '@mantine/core';
-import { IconSettings } from '@tabler/icons-react';
+import { Group, Text, Avatar } from '@mantine/core';
+import WorkspaceMenu from './WorkspaceMenu';
import Settings from './Settings';
-import { useModalContext } from '../contexts/ModalContext';
const Header = () => {
- const { setSettingsModalVisible } = useModalContext();
-
- const openSettings = () => setSettingsModalVisible(true);
-
return (
@@ -16,9 +11,7 @@ const Header = () => {
-
-
-
+
diff --git a/frontend/src/components/WorkspaceMenu.js b/frontend/src/components/WorkspaceMenu.js
new file mode 100644
index 0000000..5beff44
--- /dev/null
+++ b/frontend/src/components/WorkspaceMenu.js
@@ -0,0 +1,77 @@
+import React from 'react';
+import { Menu, ActionIcon, Text } from '@mantine/core';
+import {
+ IconFolders,
+ IconFolderPlus,
+ IconSwitchHorizontal,
+ IconSettings,
+ IconTrash,
+ IconPencil,
+ IconFileExport,
+ IconFileImport,
+} from '@tabler/icons-react';
+import { useModalContext } from '../contexts/ModalContext';
+import { useWorkspace } from '../contexts/WorkspaceContext';
+
+const WorkspaceMenu = () => {
+ const { setSettingsModalVisible } = useModalContext();
+ const { currentWorkspace } = useWorkspace();
+
+ const openSettings = () => setSettingsModalVisible(true);
+
+ return (
+
+ );
+};
+
+export default WorkspaceMenu;