Delete App.jsx
This commit is contained in:
parent
513d98a037
commit
02a77ca551
67
App.jsx
67
App.jsx
|
|
@ -1,67 +0,0 @@
|
||||||
import { useState, useContext, useEffect } from "react"
|
|
||||||
|
|
||||||
import Sidebar from "./components/Sidebar"
|
|
||||||
|
|
||||||
import Dashboard from "./Pages/Dashboard"
|
|
||||||
import LoginPage from "./Pages/LoginPage"
|
|
||||||
import AdminDashboard from "./Pages/AdminDashboard"
|
|
||||||
import HistoryPembelian from "./Pages/HistoryPembelian"
|
|
||||||
|
|
||||||
import { AuthContext } from "./context/AuthContext"
|
|
||||||
|
|
||||||
export default function App() {
|
|
||||||
|
|
||||||
const { user } = useContext(AuthContext)
|
|
||||||
|
|
||||||
const [page, setPage] = useState("dashboard")
|
|
||||||
|
|
||||||
// 🔥 AUTO SET PAGE BERDASARKAN ROLE
|
|
||||||
useEffect(() => {
|
|
||||||
|
|
||||||
if (!user) return
|
|
||||||
|
|
||||||
const role = user?.role?.toLowerCase()
|
|
||||||
|
|
||||||
if (role === "admin") {
|
|
||||||
setPage("admin")
|
|
||||||
} else {
|
|
||||||
setPage("dashboard")
|
|
||||||
}
|
|
||||||
|
|
||||||
}, [user])
|
|
||||||
|
|
||||||
// 🔥 BELUM LOGIN
|
|
||||||
if (!user) {
|
|
||||||
return <LoginPage />
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div style={{ display: "flex" }}>
|
|
||||||
|
|
||||||
{/* SIDEBAR */}
|
|
||||||
<Sidebar setPage={setPage} />
|
|
||||||
|
|
||||||
{/* CONTENT */}
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
flex: 1,
|
|
||||||
background: "#020617",
|
|
||||||
minHeight: "100vh",
|
|
||||||
color: "white"
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
|
|
||||||
{/* USER DASHBOARD */}
|
|
||||||
{page === "dashboard" && <Dashboard />}
|
|
||||||
|
|
||||||
{/* HISTORY PEMBELIAN */}
|
|
||||||
{page === "history" && <HistoryPembelian />}
|
|
||||||
|
|
||||||
{/* ADMIN DASHBOARD */}
|
|
||||||
{page === "admin" && <AdminDashboard />}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue