IoSL/service-aware-frontend
3
0
Fork 0
generated from Luis/nextjs-python-web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ran format command

Browse Source
This commit is contained in:
sara-pervana
2023-11-21 18:27:25 +01:00
committed by Sara Pervana
parent 8746b0ba65
commit 449a4fa49b
3 changed files with 14 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pkgs/ui/src/app/access-point/page.tsx
View File

@@ -1,9 +1,5 @@
"use client"; "use client";
export default function AccessPoint() { export default function AccessPoint() {
return ( return <div>Access Point Page</div>;
<div> }
Access Point Page
</div>
)
}

8
pkgs/ui/src/app/distributed-ledger-gateway/page.tsx
View File

@@ -1,9 +1,5 @@
"use client"; "use client";
export default function DLG() { export default function DLG() {
return ( return <div>DLG Page</div>;
<div> }
DLG Page
</div>
)
}

19
pkgs/ui/src/components/sidebar/index.tsx
View File

@@ -13,11 +13,11 @@ import React, { ReactNode } from "react";
import { tw } from "@/utils/tailwind"; import { tw } from "@/utils/tailwind";
import Link from "next/link"; import Link from "next/link";
import ChevronLeftIcon from "@mui/icons-material/ChevronLeft"; import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
import HomeIcon from '@mui/icons-material/Home'; import HomeIcon from "@mui/icons-material/Home";
import HubIcon from '@mui/icons-material/Hub'; import HubIcon from "@mui/icons-material/Hub";
import PersonIcon from '@mui/icons-material/Person'; import PersonIcon from "@mui/icons-material/Person";
import RouterIcon from '@mui/icons-material/Router'; import RouterIcon from "@mui/icons-material/Router";
import StorageIcon from '@mui/icons-material/Storage'; import StorageIcon from "@mui/icons-material/Storage";
type MenuEntry = { type MenuEntry = {
icon: ReactNode; icon: ReactNode;
@@ -64,7 +64,7 @@ const menuEntries: MenuEntry[] = [
label: "DLG", label: "DLG",
to: "/distributed-ledger-gateway", to: "/distributed-ledger-gateway",
disabled: false, disabled: false,
} },
]; ];
const hideSidebar = tw`-translate-x-14 lg:-translate-x-64`; const hideSidebar = tw`-translate-x-14 lg:-translate-x-64`;
@@ -77,7 +77,7 @@ interface SidebarProps {
export function Sidebar(props: SidebarProps) { export function Sidebar(props: SidebarProps) {
const { show, onClose } = props; const { show, onClose } = props;
const [activeMenuItem, setActiveMenuItem] = React.useState('/'); const [activeMenuItem, setActiveMenuItem] = React.useState("/");
const handleMenuItemClick = (path: string) => { const handleMenuItemClick = (path: string) => {
setActiveMenuItem(path); setActiveMenuItem(path);
@@ -85,8 +85,9 @@ export function Sidebar(props: SidebarProps) {
return ( return (
<aside <aside
className={tw`${show ? showSidebar : hideSidebar className={tw`${
} z-9999 static left-0 top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`} show ? showSidebar : hideSidebar
} z-9999 static left-0 top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`}
> >
<div className="flex items-center justify-between gap-2 overflow-hidden px-0 py-5 lg:p-6"> <div className="flex items-center justify-between gap-2 overflow-hidden px-0 py-5 lg:p-6">
<div className="mt-8 hidden w-full text-center font-semibold text-white lg:block"> <div className="mt-8 hidden w-full text-center font-semibold text-white lg:block">