Rutas arregladas

ging · Oct 9, 2024 · d344a46 · d344a46
1 parent 9330929
commit d344a46
Show file tree

Hide file tree

Showing 7 changed files with 69 additions and 20 deletions.
diff --git a/app/documentation/page.js b/app/documentation/page.js
@@ -0,0 +1,40 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+
+// Components
+import { Button, ButtonVariants } from "@/components/ui/button";
+import Heading from "@/components/ui/Heading";
+import RecentPublications from "@/components/RecentPublications";
+import Text from "@/components/ui/Text";
+import { Card, CardVariants } from "@/components/core/Cards";
+import { Label } from "@radix-ui/react-label";
+import { Badge, badgeVariants } from "@/components/ui/badge";
+import TabsCategoryFilter from "@/components/TabsCategoryFilter";
+import { FaceIcon } from "@radix-ui/react-icons";
+
+// Array de datos (cards)
+import { projects } from "@/constants/projects";
+import { mypublications } from "@/constants/publications";
+
+
+export default function Documentation(props) {
+  const { t, i18n } = useTranslation();
+  const currentLang = i18n.language;
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
+  return (
+    <main className={"page_" + currentLang + " standard_margin"}>
+
+
+      <Heading level="h3">Documentación</Heading>
+
+
+
+    </main>
+  );
+}
diff --git a/app/layout.js b/app/layout.js
@@ -34,7 +34,6 @@ export default function RootLayout({ children }) {
       <title>Boiler</title>
       <body className="bg-background"> 
         <Header route={"/"}/>
-
         {isClient ? (
           <div>
              <Routes>
@@ -43,8 +42,8 @@ export default function RootLayout({ children }) {
           ))}
           </Routes>
             </div>
-        ) : null}
-        <Footer />
+        ) : null} 
+        <Footer /> 
       </body>
     </html>
     </Router>

diff --git a/components/core/Footer.jsx b/components/core/Footer.jsx
@@ -4,7 +4,7 @@ import React from "react";
 import clsx from "clsx";
 import Link from "next/link";
 import { useTranslation } from "react-i18next";
-import { routes } from "@/constants/routes";
+import { activeRoutes } from "@/constants/routes";
 import { EnvelopeClosedIcon } from "@radix-ui/react-icons";
 import Image from "../ui/image";
 import Text from "../ui/Text";
@@ -51,10 +51,10 @@ export default function Footer(props) {
         <div className={sectionTitleClasses}>{t("footer.title1")}</div>
         <ul
           className={`columns-1 gap-x-8 inline-block ${
-            routes.length <= 3 ? "sm:columns-1" : "sm:columns-2 md:columns-1"
+            activeRoutes.length <= 3 ? "sm:columns-1" : "sm:columns-2 md:columns-1"
           }`}
         >
-          {routes.map((route, index) => (
+          {activeRoutes.map((route, index) => (
             <li
               key={index}
               className={

diff --git a/components/core/Header.jsx b/components/core/Header.jsx
@@ -5,11 +5,10 @@ import Link from "next/link";
 import { useTranslation } from "react-i18next";
 import { useEffect } from "react";
 import { NavLink, Outlet } from "react-router-dom";
-import { Route, Routes } from "react-router-dom";
+
 import clsx from "clsx";
 import LangSwitcher from "./../LangSwitcher";
-import { routes } from "@/constants/routes";
-
+import { activeRoutes } from "@/constants/routes";
 
 // icons
 import { HamburgerMenuIcon, Cross1Icon } from "@radix-ui/react-icons";
@@ -18,6 +17,7 @@ export default function Header(props) {
   const [state, setState] = useState({ open: false });
   const { t, i18n } = useTranslation();
   const currentLang = i18n.language;
+//  console.log(activeRoutes)
 
   // classes
   const headerClasses = clsx(
@@ -98,8 +98,9 @@ export default function Header(props) {
 
         {/* menu nav */} 
         <div className={menuClasses}>
+
           <ul className={menuItems}>
-            {routes.map((route, index, page) => (
+            {activeRoutes.map((route, index, page) => (
               <li key={index} >
                 <NavLink suppressHydrationWarning
                   to={route.route}

diff --git a/constants/langs/en.js b/constants/langs/en.js
@@ -5,14 +5,15 @@ export const en = {
         "item3":"Team",
         "item4":"Research",
         "item5":"Contact",
-        "item6":"Design system"
+        "item6":"Design system",
+        "item7":"Documentation"
     },
     "header": {
         "publicationstab": "Publications",
     },
     "front": {
         "title": "Boilerplate by GING",
-        "description": "Customizable website template for research groups and other projects. See documentation at {notion URL} to use the template.",
+        "description": "Customizable website template for research groups and other projects. See documentation at https://ging.github.io/boiler/documentation/ to use the template.",
         "action-button": "About us",
         "section1Title": "Short description of the project",
         "section1Description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada. Nullam id dolor sit amet risus malesuada aliquet. In efficitur, purus ac vehicula gravida, sapien justo luctus metus, id fermentum augue est in nunc. Aliquam erat volutpat. Duis pharetra, orci nec ultrices gravida, odio urna faucibus lorem, nec pharetra turpis felis nec sapien. Sed auctor lectus at elit consectetur, at venenatis ligula faucibus.",

diff --git a/constants/langs/es.js b/constants/langs/es.js
@@ -7,14 +7,15 @@ export const es = {
         "item3":"Equipo",
         "item4":"Publicaciones",
         "item5":"Contacto",
-        "item6":"Sistema de diseño"
+        "item6":"Sistema de diseño",
+        "item7":"Documentación"
     },
     "header": {
         "publicationstab": "Publicaciones",
     },
     "front": {
         "title": "Boilerplate del GING",
-        "description": "Plantilla personalizable de sitios web para grupos de investigación y otros proyectos. Puedes consultar la documentación en {notion URL} para empezar a usarla.",
+        "description": "Plantilla personalizable de sitios web para grupos de investigación y otros proyectos. Puedes consultar la documentación en https://ging.github.io/boiler/documentation/ para empezar a usarla.",
         "action-button": "Sobre proyecto",
         "section1Title": "Sobre el proyecto",
         "section1Description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada. Nullam id dolor sit amet risus malesuada aliquet. In efficitur, purus ac vehicula gravida, sapien justo luctus metus, id fermentum augue est in nunc. Aliquam erat volutpat. Duis pharetra, orci nec ultrices gravida, odio urna faucibus lorem, nec pharetra turpis felis nec sapien. Sed auctor lectus at elit consectetur, at venenatis ligula faucibus.",

diff --git a/constants/routes.js b/constants/routes.js
@@ -3,12 +3,19 @@ import Team from "./../app/team/page";
 import Research from "./../app/research/page";
 import Contact from "./../app/contact/page";
 import About from "./../app/about/page";
+import DesignSystem from "@/app/design-system/page";
+import Documentation from "@/app/documentation/page";
+import { Route, Routes } from "react-router-dom";
 
 export const routes = [
-    { route: "/", key: "nav.item1", page:<Page/> },
-    { route: "/about", key: "nav.item2", page:<About/> },
-    { route: "/team", key: "nav.item3", page:<Team/> },
-    { route: "/research", key: "nav.item4", page:<Research/> },
-    { route: "/contact", key: "nav.item5", page:<Contact/> },
-    //{ route: "/design-system", key: "nav.item6" },
+    { route: "/", key: "nav.item1", page:<Page/>, active: true },
+    { route: "/about", key: "nav.item2", page:<About/>, active: true },
+    { route: "/team", key: "nav.item3", page:<Team/>, active: true },
+    { route: "/research", key: "nav.item4", page:<Research/>, active: true },
+    { route: "/contact", key: "nav.item5", page:<Contact/>, active: true },
+    { route: "/design-system", key: "nav.item6", page:<DesignSystem/>, active: false },
+    { route: "/documentation", key: "nav.item7", page:<Documentation/>, active: false },
   ];
+
+export const activeRoutes = routes
+  .filter(route => route.active)  // Filtrar solo las rutas activas