client advancements

1 files changed, 19 insertions, 0 deletions

diff --git a/client/src/routes/app/components/sidebar/sidebar.jsx b/client/src/routes/app/components/sidebar/sidebar.jsx
new file mode 100644
index 0000000..1ce7d2b
--- /dev/null
+++ b/client/src/routes/app/components/sidebar/sidebar.jsx
@@ -0,0 +1,19 @@
+import { useNavigate } from "react-router";
+import { RichTreeView } from '@mui/x-tree-view/RichTreeView';
+
+import './sidebar.css';
+
+
+export default function Sidebar({ files }) {
+	const navigate = useNavigate();
+
+	const onSelect = (_, i) => {
+		navigate(`/file/${i}`);
+	};
+
+	return <div className="sidebar">
+		<h1>🧀🥜</h1>
+		<hr/>
+		<RichTreeView items={files} onItemClick={onSelect} getItemLabel={p => p.title} />
+	</div>;
+}