highlight selected footer button in menu

pettinarip · pettinarip · commit 92ffc7fe9625 · 2025-09-03T19:12:57.000+02:00
diff --git a/src/components/Nav/MobileMenu/FooterButton.tsx b/src/components/Nav/MobileMenu/FooterButton.tsx
@@ -11,7 +11,7 @@ const FooterButton = forwardRef<HTMLButtonElement, FooterButtonProps>(
   ({ icon: Icon, children, ...props }, ref) => (
     <Button
       ref={ref}
-      className="flex h-fit flex-col items-center px-1 text-body"
+      className="flex h-fit flex-col items-center px-1 text-body data-[state=active]:text-primary-hover"
       variant="ghost"
       {...props}
     >

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ const FooterButton = forwardRef<HTMLButtonElement, FooterButtonProps>(`
`11`	`11`	`({ icon: Icon, children, ...props }, ref) => (`
`12`	`12`	`<Button`
`13`	`13`	`ref={ref}`
`14`		`- className="flex h-fit flex-col items-center px-1 text-body"`
	`14`	`+ className="flex h-fit flex-col items-center px-1 text-body data-[state=active]:text-primary-hover"`
`15`	`15`	`variant="ghost"`
`16`	`16`	`{...props}`
`17`	`17`	`>`