From 0c6bf28e26a1f0b6159497d9a14f40ee3c2c321b Mon Sep 17 00:00:00 2001
From: Henrique-Sousa <29417378+Henrique-Sousa@users.noreply.github.com>
Date: Tue, 31 Mar 2026 17:36:15 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20bot=C3=A3o=20que=20abre=20modal=20para?=
 =?UTF-8?q?=20exibir=20a=20tabela=20de=20pacientes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../containers/DashboardContainer/index.jsx   | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/ui/src/containers/DashboardContainer/index.jsx b/ui/src/containers/DashboardContainer/index.jsx
index 9dfb76f..806e3c5 100644
--- a/ui/src/containers/DashboardContainer/index.jsx
+++ b/ui/src/containers/DashboardContainer/index.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useImperativeHandle } from "react";
 
-import { Table } from 'antd';
+import { Table, Button, Modal } from 'antd';
 
 import _service from '@netuno/service-client';
 
@@ -46,6 +46,17 @@ const columns = [
 
 function DashboardContainer() {
   const [pacientes, setPacientes] = useState([]);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const showModal = () => {
+    setIsModalOpen(true);
+  };
+  const handleOk = () => {
+    setIsModalOpen(false);
+  };
+  const handleCancel = () => {
+    setIsModalOpen(false);
+  };
 
   useEffect(() => {
     carregarPacientes();
@@ -66,11 +77,21 @@ function DashboardContainer() {
   };
 
   return (
-    <div>
-
-      <Table dataSource={pacientes} columns={columns} />
-
-    </div>
+    <>
+      <Button type="primary" onClick={showModal}>
+        Open Modal
+      </Button>
+      <Modal
+        title="Basic Modal"
+        closable={{ 'aria-label': 'Custom Close Button' }}
+        open={isModalOpen}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        width={1000}
+      >
+        <Table dataSource={pacientes} columns={columns} />
+      </Modal>
+    </>
   );
 }