feat: botão que abre modal para exibir a tabela de pacientes

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>
+    </>
   );
 }