From 4140701b6f943f74232fb9f1fbc3676ededc6bc2 Mon Sep 17 00:00:00 2001 From: Olaleye Blessing Date: Sat, 7 Mar 2026 12:44:37 +0100 Subject: [PATCH] Use radix navigation for nav bread apps --- src/components/navbar/solidarity-apps.tsx | 63 +++++++++++------------ 1 file changed, 30 insertions(+), 33 deletions(-) diff --git a/src/components/navbar/solidarity-apps.tsx b/src/components/navbar/solidarity-apps.tsx index 8c108fc..4bc8721 100644 --- a/src/components/navbar/solidarity-apps.tsx +++ b/src/components/navbar/solidarity-apps.tsx @@ -1,3 +1,6 @@ +"use client"; + +import * as NavigationMenu from "@radix-ui/react-navigation-menu"; import { LINKS } from "../../constansts/links"; import { App } from "../../interface/app"; import { appsConfig } from "../../utils/app"; @@ -85,7 +88,7 @@ export const NavSolidarityApps = ({ if (a.id === current) return -1; if (b.id === current) return 1; return 0; - }) + }) : [..._apps]; const appConfig = appsConfig[current]; @@ -115,7 +118,7 @@ export const NavSolidarityApps = ({ current === app.id ? appConfig.border : "border-transparent" - }` + }` }`} > {isLink ? ( @@ -181,37 +184,31 @@ export const NavSolidarityAppsDesktop = ({ const appConfig = appsConfig[app]; return ( -
- - - {label} - - - - -
- {/* Invisible hover bridge (eliminates gap) */} - -
+ + + + + + {label} + + + + + + +
+ +
+ + + + + ); };