Merge pull request #55 from GenerateNU/user_onboarding

User onboarding flow
GenerateNU · Apr 16, 2024 · 227ec96 · 227ec96
2 parents 9883f0c + 5ed401d
commit 227ec96
Show file tree

Hide file tree

Showing 3 changed files with 123 additions and 1 deletion.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -14,7 +14,7 @@ function App() {
   return (
     <Router>
       <Routes>
-        <Route path="/" element={<Onboarding />} />
+        <Route path="/" element={<CreateDesign />} />
         <Route path="/download-cad-conversion" element={<DownloadCadConversion />} />
         <Route path="/main" element={<MainPage />} />
         <Route path="/about" element={<AboutPage />} />
@@ -23,6 +23,7 @@ function App() {
         <Route path="/reviews" element={<ReviewsPage />} />
         <Route path="/create" element={<CreateDesign />} />
         <Route path="/create/custom" element={<InputForm />} />
+        <Route path="/onboarding" element={<Onboarding />} />
       </Routes>
     </Router>
   );

diff --git a/frontend/src/pages/CreateDesign.tsx b/frontend/src/pages/CreateDesign.tsx
@@ -17,6 +17,11 @@ function CreateDesign() {
                      customColors='bg-brand-temp-teal text-brand-white hover:bg-opacity-75' />
                 </Link>
                     <FileUploader />
+                <Link to="/onboarding">
+                    <Button label='Help'
+                        handleClick={() => console.log('button')}
+                        customColors='bg-brand-temp-teal text-brand-white hover:bg-opacity-75' />
+                </Link>
             </StepWrapper>
         </div>
         </>