Axel
577fb7cfab
* Added component files
* Added dependencies and settings on package.json
* Updated package-lock.json to match new dependencies
* Added react scripts and config files
23 lines
549 B
JavaScript
23 lines
549 B
JavaScript
import './SidebarItem.css';
|
|
import {Stack} from "@mui/material";
|
|
import {useNavigate} from "react-router-dom";
|
|
|
|
|
|
const SidebarItem = ({value, Icon}) => {
|
|
let navigate = useNavigate();
|
|
const handleClick = () => {
|
|
navigate(`/${value}`)
|
|
}
|
|
|
|
return (
|
|
<div className="sidebarItem" onClick={handleClick}>
|
|
<Stack direction="row">
|
|
<Icon className="sidebarIcon"/>
|
|
<div className="sidebarText"> {value} </div>
|
|
</Stack>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default SidebarItem;
|