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

✨ Add multiple buttons to the Sidebar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
code/frontend/src/components/Sidebar.js
View file

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

2
code/frontend/src/components/Sidebar.module.css
View file

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