client/src/routes/app/components/sidebar/sidebar.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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>;
}