From 183a53b17887fe10cf7ea01514f60d99a44d58e6 Mon Sep 17 00:00:00 2001
From: Tim Howitz <tim.howitz@dyson.com>
Date: Fri, 30 May 2025 13:34:09 +0100
Subject: [PATCH] Added more todos

---
 src/app/layout.tsx         |  2 ++
 src/components/Sidebar.tsx | 36 +++++++++++++++++++-----------------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0a30c39..077a1fe 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -34,6 +34,8 @@ const store = createStore<StoreModel>({
 	}),
 });
 
+// todo fix user persisting on reload
+
 function UserFetcher() {
 	const setUser = useStoreActions((actions) => actions.setUser);
 	const { data, error } = useSWR("/api/user", fetcher);
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index f9b439e..98bfa62 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -16,7 +16,7 @@ interface SidebarProps {
 	setHoveredEventId: Dispatch<SetStateAction<string>>;
 	button1Name: string;
 	button2Name: string;
-    onButton2Click?: () => void;
+	onButton2Click?: () => void;
 }
 
 function MagnitudeNumber({ magnitude }: { magnitude: number }) {
@@ -37,6 +37,8 @@ function MagnitudeNumber({ magnitude }: { magnitude: number }) {
 	);
 }
 
+// todo change sidebar event highlighting on selection
+
 export default function Sidebar({
 	logTitle,
 	logSubtitle,
@@ -48,7 +50,7 @@ export default function Sidebar({
 	setHoveredEventId,
 	button1Name,
 	button2Name,
-    onButton2Click, 
+	onButton2Click,
 }: SidebarProps) {
 	const eventsContainerRef = useRef<HTMLDivElement>(null);
 
@@ -70,21 +72,21 @@ export default function Sidebar({
 				<div className="px-6 pb-8 border-b border-neutral-200">
 					<h2 className="text-2xl font-bold text-neutral-800 mb-2">{logTitle}</h2>
 					<p className="text-sm text-neutral-600 leading-relaxed">{logSubtitle}</p>
-		
-                    <Link href="/">
-                        <button className="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition-colors duration-200 font-medium">
-                            {button1Name}
-                        </button>
-                </Link>
-                {/* "Search Earthquakes" should NOT be wrapped in a Link! */}
-                        <button
-                            className="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition-colors duration-200 font-medium"
-                            onClick={onButton2Click}
-                            type="button"
-                        >
-                             {button2Name}
-                        </button>
-				    </div>
+
+					<Link href="/">
+						<button className="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition-colors duration-200 font-medium">
+							{button1Name}
+						</button>
+					</Link>
+					{/* "Search Earthquakes" should NOT be wrapped in a Link! */}
+					<button
+						className="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition-colors duration-200 font-medium"
+						onClick={onButton2Click}
+						type="button"
+					>
+						{button2Name}
+					</button>
+				</div>
 				<div className="px-6 pt-6">
 					<h2 className="text-xl font-bold text-neutral-800 mb-4">{recentsTitle}</h2>
 				</div>