1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 14:34:19 +00:00

Add multiple buttons to the Sidebar

This commit is contained in:
Stefano Pigozzi 2021-04-21 15:54:52 +02:00
parent c726df9531
commit 2cc4ba56ca
Signed by untrusted user who does not match committer: steffo
GPG key ID: 6965406171929D01
2 changed files with 5 additions and 2 deletions

View file

@ -3,7 +3,7 @@ import Style from "./Sidebar.module.css"
import classNames from "classnames" import classNames from "classnames"
import Logo from "./Logo" import Logo from "./Logo"
import ButtonSidebar from "./ButtonSidebar" import ButtonSidebar from "./ButtonSidebar"
import { faHome } from "@fortawesome/free-solid-svg-icons" import { faCog, faExclamationTriangle, faFolder, faHome } from "@fortawesome/free-solid-svg-icons"
export default function Sidebar({ children, className, ...props }) { export default function Sidebar({ children, className, ...props }) {
@ -12,6 +12,9 @@ export default function Sidebar({ children, className, ...props }) {
{/* TODO: Aggiungere il logo qui! */} {/* TODO: Aggiungere il logo qui! */}
<Logo/> <Logo/>
<ButtonSidebar icon={faHome}>Dashboard</ButtonSidebar> <ButtonSidebar icon={faHome}>Dashboard</ButtonSidebar>
<ButtonSidebar icon={faFolder}>Repositories</ButtonSidebar>
<ButtonSidebar icon={faExclamationTriangle}>Alerts</ButtonSidebar>
<ButtonSidebar icon={faCog}>Settings</ButtonSidebar>
{children} {children}
</div> </div>
) )

View file

@ -1,7 +1,7 @@
.Sidebar { .Sidebar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 25px;
width: 100%; width: 100%;
height: 100%; height: 100%;