page 3, change toggle wording

himan7991 · Apr 23, 2024 · 426d2fc · 426d2fc
1 parent c3569c1
commit 426d2fc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/toggles/ToggleMode.tsx b/src/components/toggles/ToggleMode.tsx
@@ -13,7 +13,7 @@ export default function ModeToggle({ mode, handleModeChange }: { mode: string; h
 				}}
 			>
 				{/* <FiMoon className="relative z-10 text-lg md:text-sm" /> */}
-				<span className="relative z-10">Best</span>
+				<span className="relative z-10">Best overall</span>
 			</button>
 			<button
 				className={`${TOGGLE_CLASSES} ${mode === 'consecutive' ? 'text-white' : 'text-copy'}`}
@@ -28,7 +28,7 @@ export default function ModeToggle({ mode, handleModeChange }: { mode: string; h
 				<motion.span
 					layout
 					transition={{ type: 'spring', damping: 15, stiffness: 250 }}
-					className={twMerge('h-full rounded-full bg-gradient-to-r from-primary to-primary-dark', mode === 'best' ? 'w-[34%]' : 'w-[69%]')}
+					className={twMerge('h-full rounded-full bg-gradient-to-r from-primary to-primary-dark', mode === 'best' ? 'w-[50%]' : 'w-[52%]')}
 				/>
 			</div>
 		</div>

diff --git a/src/pages/Page3.tsx b/src/pages/Page3.tsx
@@ -9,6 +9,8 @@ import ModeToggle from '../components/toggles/ToggleMode'
 import { BestDay } from '../types/BestDays'
 import { LineChart, Line, CartesianGrid, XAxis, YAxis, Tooltip } from 'recharts'
 
+// todo: should probably figure out how to handle degenerate cases ¯\_(ツ)_/¯
+
 export default function Page3() {
 	let count = 0
 	const [mode, setMode] = useState('best')