From 26ded1725c303a721b6ef3cc289e09fe4f57ba7d Mon Sep 17 00:00:00 2001 From: Eduarda-SS <137419071+Eduarda-SS@users.noreply.github.com> Date: Sun, 7 Sep 2025 23:35:28 -0300 Subject: [PATCH 1/2] Nova pagina de detalhes --- src/pages/Details.jsx | 353 ++++++++++++++++++++++++++++++------------ 1 file changed, 250 insertions(+), 103 deletions(-) diff --git a/src/pages/Details.jsx b/src/pages/Details.jsx index 2f0c2ebb..a3f43930 100644 --- a/src/pages/Details.jsx +++ b/src/pages/Details.jsx @@ -1,4 +1,5 @@ import React, { useEffect, useState } from "react"; +import avatarPlaceholder from '../assets/images/avatar_placeholder.png'; const Details = ({ patientID, setCurrentPage }) => { const [paciente, setPaciente] = useState(null); @@ -15,29 +16,174 @@ const Details = ({ patientID, setCurrentPage }) => { if (!paciente) return

Carregando...

; return ( -
- {/* Botão voltar */} - - - {/* Cabeçalho */} -
- Foto do paciente -

- {paciente.nomeCompleto} -

-

CPF: {paciente.cpf}

- + <> +
+

MediConnect

+
+
+ +
+
+ +
+
+ {paciente.nome || "Nome Completo"} +

{paciente.cpf || "CPF"}

+
+
+ +
+
+ + {/* ------------------ DADOS PESSOAIS ------------------ */} +
+
Dados Pessoais
+
+
+
+ +

{paciente.nome || "-"}

+
+
+ +

{paciente.nomeSocial || "-"}

+
+
+ +

{paciente.dataNascimento || "-"}

+
+
+ +

{paciente.sexo || "-"}

+
+
+ +

{paciente.documento || "-"}

+
+
+ +

{paciente.numeroDocumento || "-"}

+
+
+ +

{paciente.cpf || "-"}

+
+
+ +

{paciente.profissao || "-"}

+
+
+ +

{paciente.nomeMae || "-"}

+
+
+ +

{paciente.profissaoMae || "-"}

+
+
+ +

{paciente.nomePai || "-"}

+
+
+ +

{paciente.profissaoPai || "-"}

+
+
+ +

{paciente.nomeResponsavel || "-"}

+
+
+ +

{paciente.cpfResponsavel || "-"}

+
+
+ +

{paciente.nomeConjuge || "-"}

+
+
+ +

{paciente.outroId || "-"}

+
+
- {/* Dados pessoais */} -
-

Dados Pessoais

+ {/* ------------------ ENDEREÇO ------------------ */} +
+
Endereço
+
+
+
+ +

{paciente.cep || "-"}

+
+
+ +

{paciente.rua || "-"}

+
+
+ +

{paciente.bairro || "-"}

+
+
+ +

{paciente.cidade || "-"}

+
+
+ +

{paciente.estado || "-"}

+
+
+ +

{paciente.numero || "-"}

+
+
+ +

{paciente.complemento || "-"}

+
+
+
+ + {/* ------------------ CONTATO ------------------ */} +
+
Contato
+
+
+
+ +

{paciente.email || "-"}

+
+
+ +

{paciente.telefone1 || "-"}

+
+
+ +

{paciente.telefone2 || "-"}

+
+
+ +

{paciente.telefone3 || "-"}

+
+
+
+ + {/* ------------------ INFORMAÇÕES ADICIONAIS ------------------ */} +
+
Informações Adicionais
+
+
+ +

{paciente.observacoes || "-"}

+
+
+ + {/* Dados pessoais +
+

Dados Pessoais

Nome Completo: {paciente.nomeCompleto}
CPF: {paciente.cpf}
@@ -51,9 +197,9 @@ const Details = ({ patientID, setCurrentPage }) => {
Etnia: {paciente.etnia}
- + */} {/* Contato */} -
+ {/*

Informações de Contato

E-mail: {paciente.email}
@@ -61,88 +207,89 @@ const Details = ({ patientID, setCurrentPage }) => {
Telefone 1: {paciente.telefone1 || "-"}
Telefone 2: {paciente.telefone2 || "-"}
-
-
+
*/} + + ); }; -const styles = { - container: { - width: "80%", - maxWidth: "800px", - margin: "30px auto", - background: "#fff", - borderRadius: "10px", - padding: "20px", - boxShadow: "0 2px 8px rgba(0,0,0,0.1)", - fontFamily: "Arial, sans-serif", - position: "relative" - }, - backBtn: { - background: "#ddd", - border: "none", - borderRadius: "6px", - padding: "8px 14px", - cursor: "pointer", - marginBottom: "15px" - }, - header: { - textAlign: "center", - marginBottom: "20px", - position: "relative" - }, - avatar: { - width: "80px", - height: "80px", - borderRadius: "50%", - background: "#ddd", - display: "block", - margin: "0 auto" - }, - nome: { - margin: "10px 0 5px" - }, - vip: { - color: "#f7b500", - fontWeight: "bold", - marginLeft: "5px" - }, - cpf: { - margin: "5px 0", - color: "#555" - }, - editBtn: { - background: "#0d6efd", - color: "white", - padding: "8px 14px", - border: "none", - borderRadius: "6px", - cursor: "pointer", - position: "absolute", - right: "20px", - top: "20px" - }, - section: { - marginBottom: "20px", - border: "1px solid #e0e0e0", - borderRadius: "8px", - padding: "15px" - }, - sectionTitle: { - marginTop: 0, - borderBottom: "1px solid #ddd", - paddingBottom: "8px", - fontSize: "18px" - }, - grid: { - display: "grid", - gridTemplateColumns: "1fr 1fr", - gap: "10px 20px", - marginTop: "10px" - }, - item: { - fontSize: "14px" - } -}; +// const styles = { +// container: { +// width: "80%", +// maxWidth: "800px", +// margin: "30px auto", +// background: "#fff", +// borderRadius: "10px", +// padding: "20px", +// boxShadow: "0 2px 8px rgba(0,0,0,0.1)", +// fontFamily: "Arial, sans-serif", +// position: "relative" +// }, +// backBtn: { +// background: "#ddd", +// border: "none", +// borderRadius: "6px", +// padding: "8px 14px", +// cursor: "pointer", +// marginBottom: "15px" +// }, +// header: { +// textAlign: "center", +// marginBottom: "20px", +// position: "relative" +// }, +// avatar: { +// width: "80px", +// height: "80px", +// borderRadius: "50%", +// background: "#ddd", +// display: "block", +// margin: "0 auto" +// }, +// nome: { +// margin: "10px 0 5px" +// }, +// vip: { +// color: "#f7b500", +// fontWeight: "bold", +// marginLeft: "5px" +// }, +// cpf: { +// margin: "5px 0", +// color: "#555" +// }, +// editBtn: { +// background: "#0d6efd", +// color: "white", +// padding: "8px 14px", +// border: "none", +// borderRadius: "6px", +// cursor: "pointer", +// position: "absolute", +// right: "20px", +// top: "20px" +// }, +// section: { +// marginBottom: "20px", +// border: "1px solid #e0e0e0", +// borderRadius: "8px", +// padding: "15px" +// }, +// sectionTitle: { +// marginTop: 0, +// borderBottom: "1px solid #ddd", +// paddingBottom: "8px", +// fontSize: "18px" +// }, +// grid: { +// display: "grid", +// gridTemplateColumns: "1fr 1fr", +// gap: "10px 20px", +// marginTop: "10px" +// }, +// item: { +// fontSize: "14px" +// } +// }; export default Details; \ No newline at end of file From 39e25adaed178c4d47997b1e82af6d0182af1747 Mon Sep 17 00:00:00 2001 From: Eduarda-SS <137419071+Eduarda-SS@users.noreply.github.com> Date: Tue, 9 Sep 2025 12:22:22 -0300 Subject: [PATCH 2/2] Pagina de detalhes atualizada --- src/assets/images/avatar_placeholder.png | Bin 0 -> 2011 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/images/avatar_placeholder.png diff --git a/src/assets/images/avatar_placeholder.png b/src/assets/images/avatar_placeholder.png new file mode 100644 index 0000000000000000000000000000000000000000..09892098aa943af5fe95e7dd434a07fe03e7ccd1 GIT binary patch literal 2011 zcmV<12PF83P)D!y%g4vZ*x1<2%*?Q`u)x5;+S=OH)zz}HvdGBD zw6wIs!oteR%FWHqrlzLJ$;r^r(7(UGt*x!9s;a}o!>FjJ#>U3Iy}i%R&$YF+x3{;h zuCCtR-nO>3udlDMv9Z$9(zv*|ySuyA*4EqG+ZlWNivR!y*-1n}RCr$O+*gj>NDPM2 zpNco<96RTn9rwSi8F&oCZFlz#Qq{xgJ4+x4LZrx&UjP6A00000000000000000000 z0000000000h)13Iv~gIg9X6)(&Ma2$kko6>k^LchuGJIe1?9VT%ih&$-<6da;(GtY zRygU`V`YKSGPJdX%aOK)>O)}bd#Gv~*uA$6-S28s*y-CA`a9YL;;WKvrF0c*ZKyul z)*h=`7wH^W2Elqsjqd}?Xz*Ptp%PkVVMQxo5?Bs`i9Upe<)onxU}?Eo>Ro7Cj@nv* ze0H1D=vvOYdIRQ`ySe^?YRPg}s_G9&F3o|+E;KJf72K|Qva4ddGB4O%8ki>o6?HI`i*6#+w#5|Y?<y|LwN+|wJ-DOs*c9lZ(lz;YDS^$r~880p|x z??Sy~IVsik0el`?F2Y>=KFtcZ1R zaGELyc&axa?H!NJ`jhg5v~%-y@6vvAx%c&^lgbGsy=v!Q)n20Y000000000000000 z0000001(G=0_9$3(l{U9f4Ydqf&CDSql-`X!}G?Z(<>_@q?M!EmqlnRgo`h=qe`mH zp^F!L#dKMP=0-j66q)X!m2_UKU< z?=gcl`PrjD-Z_UQ!Oo*l-Y$R@ac4on7M&O-j9L_~HG+QG8x@#l(9NwQst~Om6uTU# z#^D0B?jkA@-9e`x4^-yi2NWuOs^gbXXX{ZRZwp;qmr8Y=vc4+;?DuSiV=6Wdp+vB! zYWn~xgnKHt51~MOqTGjPD@PoaW3S(TV1qAdpLGPU;{}n+CNZ&z1&l zAk)yBhI<>K$Szko#25&!NK0f~qZEphQ8{ z3aIf)#a^Mvnrf|~$}^REhB95M)P*|TX3iCPq&kn#$aR|+5*6uFl|Ix;s7M0Ewp3#a z)kYpw@J3LsOsPOxLcOd<@p>5y2p=fiLkJUGpQ800tayqjR`dizEyTFw96Gb|` z!YX_?aV~Q~zz%VD}8+~-=U|TkA>Od+oZ}G}nbJRjS zi+DxREJj@nPrRDb5Owl07n$q)ia(q8)f$NXg*KhY?6EB-U9U5WqIxO65S z|C%@HT<{BxaK1b6FYI^o5WlAp7RhA6Kem`8MTkGt$mX+;7JpOgV>ZtqfL8IK*!Dm6 zzQ>>P{QXCNTMXj=+Nnb$0D%|)f;hy>mx(1hlm3f?BA8dZ4V=5bdfd6DDtbSk-BC3w tPksUb00000000000000000000fEW70#Mag`cL)Fg002ovPDHLkV1gNB=am2e literal 0 HcmV?d00001