From 022e060352330d30e42f2321c08d97b0ab98134a Mon Sep 17 00:00:00 2001
From: Henrique-Sousa <29417378+Henrique-Sousa@users.noreply.github.com>
Date: Fri, 3 Apr 2026 18:13:51 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20coloca=20lista=20de=20m=C3=A9dicos=20e?=
 =?UTF-8?q?=20lista=20de=20pacientes=20em=20tabs=20no=20lugar=20de=20modai?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ListaMedicosModal.jsx       | 29 ------------
 ui/src/components/ListaPacientesModal.jsx     | 29 ------------
 .../containers/DashboardContainer/index.jsx   | 46 +++++++------------
 3 files changed, 17 insertions(+), 87 deletions(-)
 delete mode 100644 ui/src/components/ListaMedicosModal.jsx
 delete mode 100644 ui/src/components/ListaPacientesModal.jsx

diff --git a/ui/src/components/ListaMedicosModal.jsx b/ui/src/components/ListaMedicosModal.jsx
deleted file mode 100644
index f864a57..0000000
--- a/ui/src/components/ListaMedicosModal.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Modal } from 'antd';
-
-import ListaMedicos from "./ListaMedicos.jsx"
-
-function ListaMedicosModal({isMedicosModalOpen, setIsMedicosModalOpen}) {
-  const handleMedicosOk = () => {
-    setIsMedicosModalOpen(false);
-  };
-  const handleMedicosCancel = () => {
-    setIsMedicosModalOpen(false);
-  };
-
-  return (
-    <>
-      <Modal
-        title="Médicos"
-        closable={{ 'aria-label': 'Custom Close Button' }}
-        open={isMedicosModalOpen}
-        onOk={handleMedicosOk}
-        onCancel={handleMedicosCancel}
-        width={1000}
-      >
-        <ListaMedicos />
-      </Modal>
-    </>
-  );
-}
-
-export default ListaMedicosModal;
diff --git a/ui/src/components/ListaPacientesModal.jsx b/ui/src/components/ListaPacientesModal.jsx
deleted file mode 100644
index 7e9a9ff..0000000
--- a/ui/src/components/ListaPacientesModal.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Modal } from 'antd';
-
-import ListaPacientes from "./ListaPacientes.jsx"
-
-function ListaPacientesModal({isPacientesModalOpen, setIsPacientesModalOpen}) {
-  const handlePacientesOk = () => {
-    setIsPacientesModalOpen(false);
-  };
-  const handlePacientesCancel = () => {
-    setIsPacientesModalOpen(false);
-  };
-
-  return (
-    <>
-      <Modal
-        title="Pacientes"
-        closable={{ 'aria-label': 'Custom Close Button' }}
-        open={isPacientesModalOpen}
-        onOk={handlePacientesOk}
-        onCancel={handlePacientesCancel}
-        width={1000}
-      >
-        <ListaPacientes />
-      </Modal>
-    </>
-  );
-}
-
-export default ListaPacientesModal;
diff --git a/ui/src/containers/DashboardContainer/index.jsx b/ui/src/containers/DashboardContainer/index.jsx
index 5cbde25..3e1c7bb 100644
--- a/ui/src/containers/DashboardContainer/index.jsx
+++ b/ui/src/containers/DashboardContainer/index.jsx
@@ -1,28 +1,30 @@
 import { useState, useEffect } from "react";
 
-import { Button } from 'antd';
+import { Button, Tabs } from 'antd';
 
-import ListaMedicosModal from "../../components/ListaMedicosModal.jsx";
-import ListaPacientesModal from "../../components/ListaPacientesModal.jsx";
+import ListaMedicos from "../../components/ListaMedicos.jsx";
+import ListaPacientes from "../../components/ListaPacientes.jsx";
 import CadastrarMedicosModal from "../../components/CadastrarMedicosModal.jsx";
 import LoginModal from "../../components/LoginModal.jsx";
 
 import "./index.less";
 
+const items = [
+  {
+    key: '1',
+    label: 'Lista de pacientes',
+    children: <ListaPacientes />
+  },
+  {
+    key: '2',
+    label: 'Lista de médicos',
+    children: <ListaMedicos />
+  },
+];
+
 function DashboardContainer() {
-  const [isPacientesModalOpen, setIsPacientesModalOpen] = useState(false);
-  const [isMedicosModalOpen, setIsMedicosModalOpen] = useState(false);
   const [isCadastrarMedicosModalOpen, setIsCadastrarMedicosModalOpen] = useState(false);
   const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
-
-  const showPacientesModal = () => {
-    setIsPacientesModalOpen(true);
-  };
-
-  const showMedicosModal = () => {
-    setIsMedicosModalOpen(true);
-  };
-
   const showCadastrarMedicosModal = () => {
     setIsCadastrarMedicosModalOpen(true);
   };
@@ -33,27 +35,13 @@ function DashboardContainer() {
 
   return (
     <>
-      <Button type="primary" onClick={showPacientesModal}>
-        Lista de pacientes 
-      </Button>
-      <Button type="primary" onClick={showMedicosModal}>
-        Lista de médicos 
-      </Button>
       <Button type="primary" onClick={showCadastrarMedicosModal}>
         Cadastrar médicos 
       </Button>
       <Button type="primary" onClick={showLoginModal}>
         Login 
       </Button>
-
-      <ListaPacientesModal
-        isPacientesModalOpen={isPacientesModalOpen}
-        setIsPacientesModalOpen={setIsPacientesModalOpen}
-      />
-      <ListaMedicosModal
-        isMedicosModalOpen={isMedicosModalOpen}
-        setIsMedicosModalOpen={setIsMedicosModalOpen}
-      />
+      <Tabs defaultActiveKey="1" items={items} />
       <CadastrarMedicosModal
         isCadastrarMedicosModalOpen={isCadastrarMedicosModalOpen}
         setIsCadastrarMedicosModalOpen={setIsCadastrarMedicosModalOpen}