Format

packages/app/src/layouts/default/index.jsx

@@ -17,27 +17,27 @@ import TopBar from "@layouts/components/@mobile/topBar"
 import BackgroundDecorator from "@components/BackgroundDecorator"
 
 const DesktopLayout = (props) => {
-    return <>
+	return (
+		<>
 			<BackgroundDecorator />
 			<Modals />
 			<DraggableDrawerController />
 
 			<Layout id="app_layout" className="app_layout">
-            <Sidebar />
+				<Sidebar user={props.user} />
 
 				<Layout.Content
 					id="content_layout"
 					className={classnames(
-                    ...props.contentClassnames ?? [],
+						...(props.contentClassnames ?? []),
 						"content_layout",
 						"fade-transverse-active",
 					)}
 				>
 					<Header />
 
-                {
+					{props.children &&
-                    props.children && React.cloneElement(props.children, props)
+						React.cloneElement(props.children, props)}
-                }
 				</Layout.Content>
 
 				<ToolsBar />
@@ -45,30 +45,35 @@ const DesktopLayout = (props) => {
 
 			<BetaBanner />
 		</>
+	)
 }
 
 const MobileLayout = (props) => {
-    return <Layout id="app_layout" className="app_layout">
+	return (
+		<Layout id="app_layout" className="app_layout">
 			<DraggableDrawerController />
 			<TopBar />
 
 			<Layout.Content
 				id="content_layout"
 				className={classnames(
-                ...props.layoutPageModesClassnames ?? [],
+					...(props.layoutPageModesClassnames ?? []),
 					"content_layout",
 					"fade-transverse-active",
 				)}
 			>
-            {
+				{props.children && React.cloneElement(props.children, props)}
-                props.children && React.cloneElement(props.children, props)
-            }
 			</Layout.Content>
 
 			<BottomBar />
 		</Layout>
+	)
 }
 
 export default (props) => {
-    return window.app.isMobile ? <MobileLayout {...props} /> : <DesktopLayout {...props} />
+	return window.app.isMobile ? (
+		<MobileLayout {...props} />
+	) : (
+		<DesktopLayout {...props} />
+	)
 }