Merge pull request #32 from code0-tech/feat/#8

All pages and views related to Namespace

Author: nicosammito

package-lock.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.9",
-    "@code0-tech/pictor": "^0.0.0-mvp.21",
+    "@code0-tech/pictor": "^0.0.0-mvp.26",
     "graphql": "^16.12.0",
     "graphql-tag": "^2.12.6",
     "next": "16.0.7",

package.json

@@ -32,16 +32,28 @@ export default function AuthLayout({children}: Readonly<{ children: React.ReactN
                     </Container>
                 </ContextStoreProvider>
                 <div style={{
-                    position: "fixed",
-                    bottom: "1.3rem",
-                    right: "1.3rem",
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "1.3rem"
+                    position: "absolute",
+                    width: "100%",
+                    boxSizing: "border-box",
+                    padding: "1.3rem",
+                    bottom: 0,
+                    left: 0
                 }}>
-                    <Text>All rights reserved &copy; Code0 UG (haftungsbeschränkt)</Text>
-                    <Image src={"/CodeZero_Banner_MVP.png"} alt={"CodeZero Banner"} width={150} height={0}
-                           style={{width: '150px', height: 'auto'}}/>
+                    <Flex justify={"space-between"} align={"end"} style={{gap: "1.3rem"}}>
+                        <Text maw={"25%"} style={{fontSize: "2rem", fontWeight: "600", lineHeight: "1"}} hierarchy={"primary"}
+                              display={"inline-block"}>
+                            Every great idea starts at zero. {" "}
+                            <Text style={{fontSize: "2rem", fontWeight: "600", lineHeight: "1"}}
+                                  hierarchy={"tertiary"} display={"inline"}>
+                                Start with CodeZero.
+                            </Text>
+                        </Text>
+                        <Flex align={"center"} style={{gap: "1.3rem"}}>
+                            <Text>All rights reserved &copy; Code0 UG (haftungsbeschränkt)</Text>
+                            <Image src={"/CodeZero_Banner_MVP.png"} alt={"CodeZero Banner"} width={150} height={0}
+                                   style={{width: '150px', height: 'auto'}}/>
+                        </Flex>
+                    </Flex>
                 </div>
             </div>
         </DFullScreen>

public/CodeZero_Logo.png

@@ -14,7 +14,7 @@ import {
     useUserSession
 } from "@code0-tech/pictor";
 import DUserMenu from "@code0-tech/pictor/dist/components/d-user/DUserMenu";
-import {IconBuilding, IconInbox, IconLogout, IconSearch, IconSettings} from "@tabler/icons-react";
+import {IconBuilding, IconFolders, IconInbox, IconLogout, IconSearch} from "@tabler/icons-react";
 import React from "react";
 import Image from "next/image";
 import {UserService} from "@edition/user/User.service";
@@ -46,12 +46,19 @@ const Page = () => {
             })
         }
 
+        const namespaceIndex = currentSession.user?.namespace?.id?.match(/Namespace\/(\d+)$/)?.[1]
+
         return <DUserMenu userId={currentSession.user?.id!!}>
             <Link href={"/organizations"}>
                 <MenuItem>
                     <IconBuilding size={16}/>Organizations
                 </MenuItem>
             </Link>
+            <Link href={`/namespace/${namespaceIndex}`}>
+                <MenuItem>
+                    <IconFolders size={16}/>Personal Workspace
+                </MenuItem>
+            </Link>
             <MenuSeparator/>
             <MenuItem onSelect={userLogout}>
                 <IconLogout size={16}/>Logout
@@ -63,8 +70,8 @@ const Page = () => {
         <Flex style={{gap: "0.7rem", flexDirection: "column"}} py={0.7} w={"100%"}>
             <Flex align={"center"} justify={"space-between"}>
                 <Flex align={"center"} style={{gap: "1.3rem"}}>
-                    <Image src={"/CodeZero_App_MVP.png"} alt={"CodeZero Banner"} width={160} height={0}
-                           style={{width: '42px', height: 'auto'}}/>
+                    <Image src={"/CodeZero_Logo.png"} alt={"CodeZero Banner"} width={160} height={0}
+                           style={{width: '38px', height: 'auto'}}/>
                     <Breadcrumb>
                         <Text>Application</Text>
                     </Breadcrumb>

public/CodeZero_Logo_MVP.png

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(auth)/layout.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@bar/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/members/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}