Updated part of the payment

src/components/High/Layout.tsx

@@ -1,8 +1,8 @@
 import useEntities from "@/hooks/useEntities";
 import { EntityWithRoles } from "@/interfaces/entity";
-import {User} from "@/interfaces/user";
+import { User } from "@/interfaces/user";
 import clsx from "clsx";
-import {useRouter} from "next/router";
+import { useRouter } from "next/router";
 import { ToastContainer } from "react-toastify";
 import Navbar from "../Navbar";
 import Sidebar from "../Sidebar";
@@ -23,19 +23,19 @@ export default function Layout({
 	user,
 	children,
 	className,
-	bgColor="bg-white",
+	bgColor = "bg-white",
 	hideSidebar,
 	navDisabled = false,
 	focusMode = false,
 	onFocusLayerMouseEnter
 }: Props) {
 	const router = useRouter();
-	const {entities} = useEntities()
+	const { entities } = useEntities()
 
 	return (
 		<main className={clsx("w-full min-h-full h-screen flex flex-col bg-mti-gray-smoke relative")}>
 			<ToastContainer />
-			{!hideSidebar && (
+			{!hideSidebar && user && (
 				<Navbar
 					path={router.pathname}
 					user={user}
@@ -45,7 +45,7 @@ export default function Layout({
 				/>
 			)}
 			<div className={clsx("h-full w-full flex gap-2")}>
-				{!hideSidebar && (
+				{!hideSidebar && user && (
 					<Sidebar
 						path={router.pathname}
 						navDisabled={navDisabled}