keannu125/Ivy-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Ivy-Frontend.git synced 2025-05-14 10:31:07 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added basic page navigation

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-02-15 12:31:28 +08:00
parent 4dc107f224
commit 3200f9866b
3 changed files with 34 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Container/Container.tsx
View file

@ -1,5 +1,6 @@
import React from "react";
import Sidebar from "../Sidebar/Sidebar";
import Header from "../Header/Header";
import styles from "../../styles";
export interface props {
@ -9,12 +10,11 @@ export interface props {
export default function Container(props: props) {
return (
<div>
<div>
<div style={{ width: "15%", position: "fixed" }}>
<Sidebar />
</div>
<div style={styles.route_wrapper}>{props.children}</div>
<Header />
<div style={{ width: "15%", position: "fixed" }}>
<Sidebar />
</div>
<div style={styles.route_wrapper}>{props.children}</div>
</div>
);
}

11
src/components/Sidebar/Sidebar.tsx
View file

@ -1,6 +1,8 @@
import React from "react";
import styles from "../../styles";
import SidebarButton from "../SidebarButton/SidebarButton";
import { redirect } from "react-router-dom";
import { useNavigate } from "react-router-dom";
export interface state {
minimized: {
value: boolean;
@ -9,12 +11,13 @@ export interface state {
};
}
export default function Sidebar() {
const navigate = useNavigate();
return (
<div style={styles.sidebar_wrapper}>
<SidebarButton onClick={() => console.log("WIP!")} name="Dashboard" />
<SidebarButton onClick={() => console.log("WIP!")} name="Products" />
<SidebarButton onClick={() => console.log("WIP!")} name="Inventory" />
<SidebarButton onClick={() => console.log("WIP!")} name="Logs" />
<SidebarButton onClick={() => navigate("/")} name="Dashboard" />
<SidebarButton onClick={() => navigate("/Products")} name="Products" />
<SidebarButton onClick={() => navigate("/Inventory")} name="Inventory" />
<SidebarButton onClick={() => navigate("/Logs")} name="Logs" />
</div>
);
}