feat: implement dashboard screens for carnet and termination tracking with navigation and charts

2026-07-07 13:03:38 -04:00
parent 78d48f1422
commit 2e4031e14a
5 changed files with 243 additions and 4 deletions
@@ -0,0 +1,25 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+
+const linkBase = 'font-semibold text-sm py-2.5 px-5 rounded-lg transition-colors text-center flex-1';
+const linkActive = 'bg-azul-glm text-white';
+const linkInactive = 'bg-verde-bg text-azul-glm hover:bg-verde-glm hover:text-white border border-verde-glm/40';
+
+export default function NavBar() {
+  return (
+    <nav className="flex gap-3 bg-white p-3 rounded-xl border border-gris-medio/30 shadow-sm mb-8">
+      <NavLink
+        to="/dashboard/encuesta-terminacion"
+        className={({ isActive }) => `${linkBase} ${isActive ? linkActive : linkInactive}`}
+      >
+        Encuesta Terminacion
+      </NavLink>
+      <NavLink
+        to="/dashboard/carnet"
+        className={({ isActive }) => `${linkBase} ${isActive ? linkActive : linkInactive}`}
+      >
+        Carnets
+      </NavLink>
+    </nav>
+  );
+}