From 36bb04cfa9e6b3e73d243f99bb79a757ee1504ea Mon Sep 17 00:00:00 2001
From: Matthias Puchstein <matthias@puchstein.bayern>
Date: Sat, 12 Jul 2025 16:15:27 +0200
Subject: [PATCH] introduced `Record` page and `/record` route, updated
 `Navbar` with new microphone button redirecting to `Record`, and commented
 out unused `DreamRecord` in `Home` for cleaner structure

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
---
 src/App.tsx               | 9 +++++++++
 src/components/Navbar.tsx | 6 +++---
 src/pages/Home.tsx        | 5 ++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1dc8a85..08bebd7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -18,6 +18,7 @@ import Technology from "./pages/dreamarchive/Technology.tsx";
 import UserDreams from "./pages/dreamarchive/UserDreams.tsx";
 import ResearchLive from "./pages/dreamarchive/ResearchLive.tsx";
 import ScrollToTop from "./components/ScrollToTop.tsx";
+import {DreamRecord} from "./components/DreamRecord.tsx";
 
 export default function App() {
     const [isLoading, setIsLoading] = useState(true);
@@ -40,6 +41,13 @@ export default function App() {
     );
 }
 
+function Record() {
+    return (
+        <div className="page p-4 space-y-6">
+            <DreamRecord/>
+        </div>)
+}
+
 // Separate component to use useLocation hook
 function AppContent() {
     const location = useLocation();
@@ -56,6 +64,7 @@ function AppContent() {
                         <Route path="/home" element={<Home/>}/>
                         <Route path="/feed" element={<Feed/>}/>
                         <Route path="/chip" element={<ChipOverview/>}/>
+                        <Route path="/record" element={<Record/>}/>
                         <Route path="/dreamarchive" element={<DreamArchiveIndex/>}/>
                         <Route path="/dreamarchive/worldwide-events" element={<WorldwideEvents/>}/>
                         <Route path="/dreamarchive/cultural-landscapes" element={<CulturalLandscapes/>}/>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f7e2f8b..a2f402c 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,5 +1,5 @@
 import {NavLink} from 'react-router-dom';
-import {FaList, FaMicrochip, FaUser} from "react-icons/fa6";
+import {FaMicrochip, FaMicrophone, FaUser} from "react-icons/fa6";
 import {FaGlobeEurope, FaHome} from "react-icons/fa";
 import {getBackgroundStyle} from '../styles/StyleUtils';
 
@@ -27,11 +27,11 @@ export default function Navbar() {
             </nav>
 
             <NavLink
-                to="/feed"
+                to="/record"
                 className="microphone-button fixed bottom-6 left-1/2 transform -translate-x-1/2 p-4 md:p-5 rounded-full z-60 transition-transform hover:scale-110 floating"
                 style={getBackgroundStyle('cta')}
             >
-                <FaList className="w-8 h-8 md:w-10 md:h-10 text-white"/>
+                <FaMicrophone className="w-8 h-8 md:w-10 md:h-10 text-white"/>
             </NavLink>
         </>
     );
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index a27a3d3..9490725 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -4,7 +4,6 @@ import {getSortedDreamsByDate} from '../utils/DreamUtils.ts';
 import {getBackgroundStyle, getCardStyle, getTextStyle} from '../styles/StyleUtils';
 import {formatDateFull} from '../utils/DateUtils';
 import {NavLink} from 'react-router-dom';
-import {DreamRecord} from "../components/DreamRecord.tsx";
 import {DreamCardCompact} from "../components/DreamCardCompact.tsx";
 import {DailyHighlights} from "../components/DailyHighlights.tsx";
 import {ChipCard} from "../components/ChipCard.tsx";
@@ -53,7 +52,7 @@ export default function Home() {
                 </div>
             </div>
 
-            <DreamRecord/>
+            {/*<DreamRecord/>*/}
 
             {/* Personal Feed */}
             <NavLink to='/feed'
@@ -101,7 +100,7 @@ export default function Home() {
             </NavLink>
 
             {/* Daily Highlights */}
-            <NavLink to='/archive'>
+            <NavLink to='/dreamarchive/user-dreams'>
                 <DailyHighlights/>
             </NavLink>