refactor: 🛠️ Remove 'Configuración' from UserMenu, update EducationalMaterial and MedicalArticles components to use PageHeader, and improve error handling in API calls

Author: AlejandroLunaDev

frontend/platform/features/auth/components/UserMenu.jsx

@@ -113,10 +113,6 @@ function UserMenu() {
               <User className='mr-2 h-4 w-4' />
               <span>Perfil</span>
             </DropdownMenuItem>
-            <DropdownMenuItem>
-              <Settings className='mr-2 h-4 w-4' />
-              <span>Configuración</span>
-            </DropdownMenuItem>
             <DropdownMenuItem>
               <Bell className='mr-2 h-4 w-4' />
               <span>Notificaciones</span>

frontend/platform/features/educational-material/EducationalMaterial.jsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
 import { SearchBar } from './components/SearchBar';
 import { MaterialsTable } from './components/MaterialsTable';
 import { useEducationalMaterials } from './lib/hooks/useEducationalMaterials';
+import PageHeader from '@/shared/layout/sectionheader/pageHeader';
 
 /**
  * Main Educational Material component
@@ -58,14 +59,15 @@ export default function EducationalMaterial() {
 
   return (
     <div className='w-full mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8'>
-      <div className='mb-4 sm:mb-6'>
+  {/*     <div className='mb-4 sm:mb-6'>
         <h1 className='text-xl sm:text-2xl font-bold text-gray-900'>
           Material Educativo
         </h1>
         <p className='text-sm sm:text-base text-gray-600 mt-1'>
           Explora y accede a recursos educativos para mejorar tus habilidades
         </p>
-      </div>
+      </div> */}
+      <PageHeader sectionKey={'materialEducativo'} />
 
       <SearchBar
         searchQuery={searchQuery}

frontend/platform/features/medical-articles/lib/hooks/useMedicalArticles.js

@@ -28,8 +28,9 @@ export function useMedicalArticles() {
       setError(null);
       try {
         const data = await fetchEducationalMaterials();
+        console.log(data);
         const filteredData = data.filter(
-          item => item.category?.name === 'Material Eductaivo'
+          item => item.category?.name === 'Artículos Médicos'
         );
 
         // Get file sizes for all materials

frontend/platform/features/medical-articles/medicalArticles.jsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
 import { SearchBar } from './components/SearchBar';
 import { MaterialsTable } from './components/MaterialsTable';
 import { useMedicalArticles } from './lib/hooks/useMedicalArticles';
+import PageHeader from '@/shared/layout/sectionheader/pageHeader';
 
 /**
  * Main Educational Material component
@@ -57,15 +58,8 @@ export default function MedicalArticles() {
   }, [materials, searchQuery, fileType, dateSort]);
 
   return (
-    <div className='w-full mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8'>
-      <div className='mb-4 sm:mb-6'>
-        <h1 className='text-xl sm:text-2xl font-bold text-gray-900'>
-          Material Educativo
-        </h1>
-        <p className='text-sm sm:text-base text-gray-600 mt-1'>
-          Explora y accede a recursos educativos para mejorar tus habilidades
-        </p>
-      </div>
+    <div className='w-full mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 '>
+     <PageHeader sectionKey={'medicalArticles'} />
 
       <SearchBar
         searchQuery={searchQuery}
@@ -116,3 +110,10 @@ export default function MedicalArticles() {
     </div>
   );
 }
+
+// Viewport export para Next.js
+export const viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1
+};

frontend/platform/shared/layout/sectionheader/pageHeader.jsx

@@ -11,6 +11,11 @@ const pageMetadata = {
     description:
       "Documentos, presentaciones y guías para usar Play Attention de manera efectiva.",
   },
+  medicalArticles: {
+    title: "Artículos Médicos",
+    description:
+      "Explora y accede a artículos médicos para mejorar tus habilidades",
+  },
 };
 
 export default function PageHeader({ sectionKey }) {

frontend/platform/shared/layout/sidebar/sidebar.jsx

@@ -34,7 +34,6 @@ export function SidebarApp() {
     { name: "Panel de control", icon: LayoutDashboard, path: "/dashboard" },
     { name: "Actividades", icon: PenTool, path: "/activities" },
     { name: "Soporte", icon: MessageCircle, path: "/support" },
-    { name: "Configuración", icon: Settings, path: "/settings" },
   ];
 
   // Items de contenido que se mostrarán/ocultarán

frontend/platform/shared/lib/api/content/api.js

@@ -9,7 +9,7 @@ export async function fetchEducationalMaterials() {
     );
 
     if (!response.ok) {
-      throw new Error('Failed to fetch educational materials');
+      throw new Error('Failed to fetch published resources');
     }
 
     const data = await response.json();