agendamentos no incio

src/pages/Agendamentos.jsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-function Agendamentos() {
-  return (
-    <div style={{ padding: '2rem', textAlign: 'center' }}>
-      <h1>Página de Agendamentos</h1>
-      
-    </div>
-  );
-}
-
-export default Agendamentos;

src/pages/Inicio.jsx

@@ -19,7 +19,7 @@ function Inicio({ setCurrentPage }) {
 
     const fetchAgendamentos = async () => {
       try {
-        const res = await fetch("SUA_URL_DA_API_DE_AGENDAMENTOS");
+        const res = await fetch();
         const data = await res.json();
         setAgendamentos(data.data);
       } catch (error) {
@@ -99,7 +99,7 @@ function Inicio({ setCurrentPage }) {
               <span className="action-desc">Ver todos os pacientes</span>
             </div>
           </div>
-          <div className="action-button" onClick={() => setCurrentPage('Agendamentos')}>
+          <div className="action-button" onClick={() => setCurrentPage('agendamento')}>
             <FaCalendarCheck className="action-icon" />
             <div className="action-info">
               <span className="action-title">Agendamentos</span>
@@ -124,7 +124,7 @@ function Inicio({ setCurrentPage }) {
           <div className="no-appointments-content">
             <FaCalendarCheck className="no-appointments-icon" />
             <p>Nenhum agendamento para hoje</p>
-            <button className="manage-button" onClick={() => setCurrentPage('Agendamentos')}>
+            <button className="manage-button" onClick={() => setCurrentPage('agendamento')}>
               Gerenciar Agendamentos
             </button>
           </div>