add pages legales, not image calendario

src/Layout/MainLayout.tsx

@@ -12,6 +12,7 @@ import {
   FcCamcorder,
   FcMusic,
   FcBullish,
+  FcBusinessman,
  } from "react-icons/fc";
 
 
@@ -22,36 +23,42 @@ const MainLayout = ({ children }: { children: React.ReactNode }) => {
   const items: SideBarMenuItem[] = [
     {
       id: "1",
-      label: "PSA",
+      label: "PAS",
       icon: FcCustomerSupport,
-      url: "/#psa",
+      url: "/#pas",
     },
     {
       id: "2",
+      label: "Legales",
+      icon: FcBusinessman,
+      url: "/#legales",
+    },
+    {
+      id: "3",
       label: "Economia",
       icon: FcBullish,
       url: "/#economia",
     },
     {
-      id: "3",
+      id: "4",
       label: "Entrevistas",
       icon: FcCamcorder,
       url: "/#entrevistas",
     },
     {
-      id: "4",
+      id: "5",
       label: "Podcast",
       icon: FcMusic,
       url: "/#podcast",
     },
     {
-      id: "5",
+      id: "6",
       label: "Calendario",
       icon: FcCalendar,
       url: "/#calendario",
     },
     {
-      id: "6",
+      id: "7",
       label: "Videoteca",
       icon: FcVideoProjector,
       url: "/#videoteca",

src/pages/Calendario.tsx

@@ -30,7 +30,7 @@ function Calendario() {
       <div id="mensaje">
         {selectedMessage && (
           <>
-            <img src={selectedMessage.imageUrl} alt="Imagen" className="calendar-image"/>
+            {/* <img src={selectedMessage.imageUrl} alt="Imagen" className="calendar-image"/> */}
             <p>{selectedMessage.description}</p>
           </>
         )}

src/pages/Legales.tsx

@@ -0,0 +1,11 @@
+import MainLayout from "../Layout/MainLayout"
+
+function Legales() {
+  return (
+    <MainLayout>
+      <div>Legales</div>
+    </MainLayout>
+  )
+}
+
+export default Legales

src/pages/Psa.tsx → src/pages/Pas.tsx

@@ -1,13 +1,13 @@
 import MainLayout from "../Layout/MainLayout"
 
-function Psa() {
+function Pas() {
   return (
     <>
     <MainLayout>
-    <div>psa</div>
+    <h1>Plan de Accion Social</h1>
     </MainLayout>
     </>
   )
 }
 
-export default Psa
+export default Pas

src/router/routes.tsx

@@ -1,21 +1,22 @@
 
 import App from '../App.tsx';
-import Psa from '../pages/Psa.tsx';
+import Pas from '../pages/Pas.tsx';
 import Revistas from '../pages/Revistas.tsx';
 import Entrevistas from '../pages/Entrevistas.tsx';
 import Podcast from '../pages/Podcast.tsx';
 import Videoteca from '../pages/Videoteca.tsx';
 import Calendario from '../pages/Calendario.tsx';
 import Economia from '../pages/Economia.tsx';
+import Legales from '../pages/Legales.tsx';
 
 const routes = [
   {
     path: '/',
     element: <App />,
   },
   {
-    path: '/psa',
-    element: <Psa />,
+    path: '/pas',
+    element: <Pas />,
   },
   {
     path: '/economia',
@@ -41,6 +42,10 @@ const routes = [
     path: '/calendario',
     element: <Calendario />,
   },
+  {
+    path: '/legales',
+    element: <Legales />,
+  }
 ];
 
 export default routes;