Rebase Folder-Links

FNNDSC · May 10, 2024 · e049f4c · e049f4c
1 parent 4317c54
commit e049f4c
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/src/components/NewLibrary/MenuBar.tsx b/src/components/NewLibrary/MenuBar.tsx
@@ -0,0 +1,49 @@
+import {
+  OverflowMenuItem,
+  OverflowMenuGroup,
+  OverflowMenu,
+  Button,
+  Switch,
+} from "@patternfly/react-core";
+
+const MenuBar = ({
+  checked,
+  handleChange,
+}: {
+  checked: boolean;
+  handleChange: () => void;
+}) => {
+  return (
+    <OverflowMenu breakpoint="lg">
+      <OverflowMenuGroup groupType="button">
+        <OverflowMenuItem>
+          <Switch
+            label="Card Layout"
+            labelOff="Tree Layout"
+            isChecked={checked}
+            onChange={handleChange}
+            ouiaId="Switch Layouts"
+          />
+        </OverflowMenuItem>
+        <OverflowMenuItem>
+          <Button size="sm" variant="primary">
+            Upload a Folder
+          </Button>
+        </OverflowMenuItem>
+        <OverflowMenuItem>
+          <Button size="sm" variant="primary">
+            Upload Files
+          </Button>
+        </OverflowMenuItem>
+
+        <OverflowMenuItem>
+          <Button size="sm" variant="primary">
+            Create a new folder
+          </Button>
+        </OverflowMenuItem>
+      </OverflowMenuGroup>
+    </OverflowMenu>
+  );
+};
+
+export default MenuBar;