From f936bf4639a0166c44d0fe196bbe9d5f580ac697 Mon Sep 17 00:00:00 2001
From: Henrique-Sousa <29417378+Henrique-Sousa@users.noreply.github.com>
Date: Fri, 3 Apr 2026 15:37:22 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20cria=20um=20modal=20para=20login=20de?=
 =?UTF-8?q?=20usu=C3=A1rio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/LoginModal.jsx              | 90 +++++++++++++++++++
 .../containers/DashboardContainer/index.jsx   | 13 +++
 2 files changed, 103 insertions(+)
 create mode 100644 ui/src/components/LoginModal.jsx

diff --git a/ui/src/components/LoginModal.jsx b/ui/src/components/LoginModal.jsx
new file mode 100644
index 0000000..ba3e89f
--- /dev/null
+++ b/ui/src/components/LoginModal.jsx
@@ -0,0 +1,90 @@
+import { Modal, Button, Checkbox, Form, Input } from 'antd';
+
+import _service from '@netuno/service-client';
+
+function LoginModal({isLoginModalOpen, setIsLoginModalOpen}) {
+  const handleLoginOk = () => {
+    setIsLoginModalOpen(false);
+  };
+  const handleLoginCancel = () => {
+    setIsLoginModalOpen(false);
+  };
+
+  const onFinish = values => {
+    console.log('Success:', values);
+    _service({
+      url: "/services/_auth",
+      method: "POST",
+      data: {...values, jwt: true },
+      success: (response) => {
+        if (response.json) {
+          console.log("Service Response", response.json);
+        }
+      },
+      fail: (e) => {
+        console.log("Service Error", e);
+      }
+    });
+  };
+
+  const onFinishFailed = errorInfo => {
+    console.log('Failed:', errorInfo);
+  };
+
+  return (
+    <>
+
+      <Modal
+        title="Fazer login"
+        closable={{ 'aria-label': 'Custom Close Button' }}
+        open={isLoginModalOpen}
+        onOk={handleLoginOk}
+        onCancel={handleLoginCancel}
+        okButtonProps={{ style: { display: 'none' } }}
+      >
+
+        <Form
+          name="basic"
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 16 }}
+          style={{ maxWidth: 600 }}
+          initialValues={{ remember: true }}
+          onFinish={onFinish}
+          onFinishFailed={onFinishFailed}
+          autoComplete="off"
+        >
+
+          <Form.Item
+            label="Username"
+            name="username"
+            rules={[{ required: true, message: 'Please input your username!' }]}
+          >
+            <Input />
+          </Form.Item>
+
+          <Form.Item
+            label="Password"
+            name="password"
+            rules={[{ required: true, message: 'Please input your password!' }]}
+          >
+            <Input.Password />
+          </Form.Item>
+
+          <Form.Item name="remember" valuePropName="checked" label={null}>
+            <Checkbox>Remember me</Checkbox>
+          </Form.Item>
+
+          <Form.Item label={null}>
+            <Button type="primary" htmlType="submit">
+              Submit
+            </Button>
+          </Form.Item>
+
+        </Form>
+
+      </Modal>
+    </>
+  );
+}
+
+export default LoginModal; 
diff --git a/ui/src/containers/DashboardContainer/index.jsx b/ui/src/containers/DashboardContainer/index.jsx
index 5acd349..5cbde25 100644
--- a/ui/src/containers/DashboardContainer/index.jsx
+++ b/ui/src/containers/DashboardContainer/index.jsx
@@ -5,6 +5,7 @@ import { Button } from 'antd';
 import ListaMedicosModal from "../../components/ListaMedicosModal.jsx";
 import ListaPacientesModal from "../../components/ListaPacientesModal.jsx";
 import CadastrarMedicosModal from "../../components/CadastrarMedicosModal.jsx";
+import LoginModal from "../../components/LoginModal.jsx";
 
 import "./index.less";
 
@@ -12,6 +13,7 @@ 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);
@@ -25,6 +27,10 @@ function DashboardContainer() {
     setIsCadastrarMedicosModalOpen(true);
   };
 
+  const showLoginModal = () => {
+    setIsLoginModalOpen(true);
+  };
+
   return (
     <>
       <Button type="primary" onClick={showPacientesModal}>
@@ -36,6 +42,9 @@ function DashboardContainer() {
       <Button type="primary" onClick={showCadastrarMedicosModal}>
         Cadastrar médicos 
       </Button>
+      <Button type="primary" onClick={showLoginModal}>
+        Login 
+      </Button>
 
       <ListaPacientesModal
         isPacientesModalOpen={isPacientesModalOpen}
@@ -49,6 +58,10 @@ function DashboardContainer() {
         isCadastrarMedicosModalOpen={isCadastrarMedicosModalOpen}
         setIsCadastrarMedicosModalOpen={setIsCadastrarMedicosModalOpen}
       />
+      <LoginModal
+        isLoginModalOpen={isLoginModalOpen}
+        setIsLoginModalOpen={setIsLoginModalOpen}
+      />
     </>
   );
 }