Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Topbar Header every page

Browse Source
This commit is contained in:
Laux Dev
2026-02-24 13:25:40 +08:00
parent a6ae45d9cf
commit 27aef888de
21 changed files with 2512 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/app/components/sidebar/Sidebar.jsx
View File

@@ -91,7 +91,7 @@ const Sidebar = () => {
{/* Navigations */}
<div className={styles.navContainer}>
<div
className={pathname === "/home" ? `${styles.active}` : ""}
className={`${styles.nav} ${pathname === "/home" ? styles.active : ""}`}
onClick={navToHome}
>
<svg
@@ -126,7 +126,7 @@ const Sidebar = () => {
<p>Home</p>
</div>
<div
className={pathname === "/organization" ? `${styles.active}` : ""}
className={`${styles.nav} ${pathname === "/organization" ? styles.active : ""}`}
onClick={navToOrganization}
>
<svg
@@ -147,8 +147,8 @@ const Sidebar = () => {
<p>Organization</p>
</div>
<div
className={pathname === "/projects" ? `${styles.active}` : ""}
onClick={navToProject}
className={`${styles.nav} ${pathname === "/projects" ? styles.active : ""}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -168,8 +168,8 @@ const Sidebar = () => {
<p>Project</p>
</div>
<div
className={pathname === "/users" ? `${styles.active}` : ""}
onClick={navToUsers}
className={`${styles.nav} ${pathname === "/users" ? styles.active : ""}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -189,8 +189,8 @@ const Sidebar = () => {
<p>Users</p>
</div>
<div
className={pathname === "/roles" ? `${styles.active}` : ""}
onClick={navToRoles}
className={`${styles.nav} ${pathname === "/roles" ? styles.active : ""}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -239,8 +239,8 @@ const Sidebar = () => {
<p>Roles</p>
</div>
<div
className={pathname === "/credentials" ? `${styles.active}` : ""}
onClick={navToCredentials}
className={`${styles.nav} ${pathname === "/credentials" ? styles.active : ""}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -260,8 +260,8 @@ const Sidebar = () => {
<p>Credentials</p>
</div>
<div
className={pathname === "/agents" ? `${styles.active}` : ""}
onClick={navToAgents}
className={`${styles.nav} ${pathname === "/agents" ? styles.active : ""}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"