feat: graph-mindset

stakwork · Nov 20, 2024 · 6273360 · 6273360
1 parent a4148ca
commit 6273360
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 7 deletions.
diff --git a/src/components/AppContainer/index.tsx b/src/components/AppContainer/index.tsx
@@ -5,20 +5,21 @@ import { AppProviders } from '../App/Providers'
 import { AuthGuard } from '../Auth'
 
 const LazyApp = lazy(() => import('../App').then(({ App }) => ({ default: App })))
+const LazyMindSet = lazy(() => import('../../modules').then(({ MindSet }) => ({ default: MindSet })))
 
 export const AppContainer = () => {
   const App = <LazyApp />
+  const MindSet = <LazyMindSet />
 
   return (
     <AppProviders>
       <Suspense fallback={<div>Loading...</div>}>
-        <AuthGuard>
-          <Routes>
-            <Route element={App} path="/" />
-            <Route element={App} path="/search" />
-            <Route element={App} path="*" />
-          </Routes>
-        </AuthGuard>
+        <Routes>
+          <Route element={MindSet} path="/mindset" />
+          <Route element={<AuthGuard>{App}</AuthGuard>} path="/" />
+          <Route element={<AuthGuard>{App}</AuthGuard>} path="/search" />
+          <Route element={<AuthGuard>{App}</AuthGuard>} path="*" />
+        </Routes>
       </Suspense>
       <E2ETests />
     </AppProviders>

diff --git a/src/modules/components/header/index.tsx b/src/modules/components/header/index.tsx
@@ -0,0 +1,21 @@
+import styled from 'styled-components'
+import { Flex } from '~/components/common/Flex'
+import { Text } from '~/components/common/Text'
+
+export const Header = () => (
+  <Head>
+    <Text className="title" color="white">
+      Graph Mindset
+    </Text>
+  </Head>
+)
+
+const Head = styled(Flex).attrs({
+  align: 'center',
+  direction: 'row',
+  grow: 1,
+  justify: 'flex-start',
+})`
+  height: 64px;
+  padding: 20px 23px;
+`
diff --git a/src/modules/index.tsx b/src/modules/index.tsx
@@ -0,0 +1,8 @@
+import { Flex } from '~/components/common/Flex'
+import { Header } from './components/header'
+
+export const MindSet = () => (
+  <Flex>
+    <Header />
+  </Flex>
+)