From 87b97d503f50f4d7c65467175098cc7fd6308545 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:24:14 -0300 Subject: [PATCH 01/12] feat: Add icons used on the user page. --- public/images/avatar_icon.png | Bin 0 -> 1206 bytes .../images/configura\303\247\303\243o_icon.png" | Bin 0 -> 1511 bytes public/images/sair_icon.png | Bin 0 -> 746 bytes "public/images/seguran\303\247a_icon.png" | Bin 0 -> 746 bytes public/images/suporte_icon.png | Bin 0 -> 949 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/images/avatar_icon.png create mode 100644 "public/images/configura\303\247\303\243o_icon.png" create mode 100644 public/images/sair_icon.png create mode 100644 "public/images/seguran\303\247a_icon.png" create mode 100644 public/images/suporte_icon.png diff --git a/public/images/avatar_icon.png b/public/images/avatar_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..c04590ec0d0bf55f577745a64920860208715ab5 GIT binary patch literal 1206 zcmV;n1WEgeP)cFS0l3k=6U@S$q1Qfqg;ws(}+qW zUDb z-tpIZDcqBgsol?4WF8c73P|txcP@Uj*sWYgA$BrX>870Kak>P?%;E zXwXrNX?NFuT4L<3Bdv(Thsb=j z3-iNYO%Vzm9Kl<^i_Ep3ZJCs0)iB2|G<&4p8-F4tnQK3R4j*+a!)ISa<%_q0moi90 z#60)gWq(W0n>|wRjZ~QJf4YiLNP5Kk@jlX`{$BIh`k}oc{?j~CLYuuej_wwb7Ij+l zV(;|a3K<`R6Zga1d(d;)`20yjR57;g^`S+dU{o=D)qd%)LfVz8PV~l^p3Cy7BZAK5)7DzE5t5T zm!><4Q4!UpDLCf+41scRh&6U!ziVxZ**pN`F^FmyCT@dVC5u4-8mcWIO z#@=K5?~V?m6;yXiJQ1tt!oV_*s=5@*d144*Lr5aL?`6*+UTou6@B8`MgR*bYy-W1b z1galTAPLL}WsdMI^ouk+^JRVWlu*ReXkA(-64WPN@Sb5pfIjh5z`+q*V|S4W_9+sP zlu%I#Tj&!tc7wuf_AkVf^n?j&8~CuVI~@%tM|Fp)p=L*z*D<<$ryo{`$-u{mV#;jW z-i)G5?i6l{138Nkf{54lF8ZJ8dDBIawRjmL29=()xhX{BLk!-)h@ia@w2L%)WoSYr zeVk_Sgz?@`jtQ{}nTLLeX-Y15D!+Kbjju(yc@@LUYOB0r+l-YYKW}6BawNh2rIndh z|7g3h(lnReh~Xiqx2Yu^lc5?{jYd5g8fR*!AoGS6a5}8YaOxVH?rG1yf5|T}v0Bg& z&yJ!^vGpKA>FX7ayu^tk4>w@wDh7z8I5tRZS}=%LIN}USkVHMVSnOCM3)K&)UURa7 zY;MJ-C2~lH8sT;Iz&lOmZln?tM@3a7vadmLjVISbvAI~0;**1K=@z?Oa`)odWBr4= UWWAgl=Kufz07*qoM6N<$f(x}axc~qF literal 0 HcmV?d00001 diff --git "a/public/images/configura\303\247\303\243o_icon.png" "b/public/images/configura\303\247\303\243o_icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..e8d41d119a6c7757b01e150b75b66946d6dc8c7c GIT binary patch literal 1511 zcmVPZO@O3&s|*)=lpgisp*^al z7n@kH3s@tV>Q-r@2_(~`#aede`TO3?4!g_j%!XE&dE zlfU-c`C2YaMKT~a9+2BHKz61UvWXB*%&dnRdNEXl6G|E?f7Lk3fol zq`JjMfp}q^=y?mt@Q4|*t}c^qJ4D{Oqv4u{kAI}iPy2jnu0AII>k;YWO++n?skVVM zUn)w|=);$yPQG&e31u!X5WRYc2%FONKMh%0|Bt-)U)x#-VlD`0F8zeHFPOFZcr)>} zJn3_7W-bX{K}md`2uY$q7^D;sf_mT;asxs|8#EHC+yrZMe=7(+CK_rY4dRT4v~Uk@ zIS^{0Dp(gY9Vw}1D1|MuY<93ABv>RDMKGL)YBd~42M#3X-g|ANiVhZ!=71Y1l`?2+ zQ5#Ic`tCvGyhw@RK;~F+qHlsV>e~G++f9H9;&le~U^l0+N5F%sdF@I0Ae_W_GMqzq zw}fPPeTCff$I8^o8?JF2ozi*87oeR1!Sara`k34H4MeazjXSZKdI6q2!ZBInkP4atU;PQpL@ZA_r*9wI?V zPV6-tgR14BMDlX)1cW4a1O|y`4I$~ouE3M4J8O9AHRBMa&>aZSaG0tv>v@}_h`lO_ z5=RbD0-RJNJp^PE+hBj0%Zp`1C0NU5ks(LC{)@W^{;g%hVuu#&QQ!`BPy+Juk-=+c zF3H1%C+sE6Ax!c250CuV(n)!Zx#sK~6q0p1fbASS@LhmmiY* z$=loJO#16@G}4ZP@ocOq)kYkosUY7f=qxx%7ibg(rmjmbh3$ZyDyfJd{S?R-yBg=7?>fr67TGL;`2kCBDEEoR{jv?elS*0aUm zhNQ}n?YT6bbfKiN0%}RwTtZV}YJdnfrjY)Glvk4GWR1yCNB|NUC%&~+u1B0V~X|>=nq|}><^ViAOC$9PPBiRj%r{<_JTU+ zvS_pLAnh%3i>IefMNLG;am%6)DTwxa0lXK?O2ew!e0=L~2OeJorXj)D_F`;CTs&=O zHERh4dD?wArtgzLP>`6mmwN3PwFy;t`YP=nrlsFg*_f(^ni~5(XvcVnr>LFIQtf>s zk=(Row`$GOYN&~1DT2R922qybm6+SfCtdm%iK9v9Skq0Zw080r$^S!rM{sE8stEu9 N002ovPDHLkV1har$T0u_ literal 0 HcmV?d00001 diff --git a/public/images/sair_icon.png b/public/images/sair_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..6df8af7e9f610b0afa23febba12b0f1ce1aca991 GIT binary patch literal 746 zcmVE&V95d?E%##L4Fb7<@Sk z2G|4IDphH0-ox z^BTK5wuy)n?v9@X{dEVe6?k;>@-i>iRv~T%*#|CT@@%!X->qDtbxA-+G&*&P%vspefrv!8Q; zk3RU`{VH9_R}bY9%k_9TyB_CLT&+r-D_@*an=&A@R~U<`MOT^AS`SsI3L73S|o)~(lYm(a+f+F1v6!Ef6wSz7*pd*vn?on9VJ z%M5c5jzPo&-CBX>9s)Q9-J+{oD{$KXyW^s`*ALTJWd0;E6&r83P!pq>d&*p(b&WKe5eW)`(L!Hmu{5pl|NP{)FElKYE(K zEQUm@*eOJBN<@-qy)<-=-PbbeSWll?SwUqk0vAbNL$sLCkUQSPRPf?!h?v14F|M^^ c+V?fYFCpCMthz?6yZ`_I07*qoM6N<$f^Wk|B>(^b literal 0 HcmV?d00001 diff --git "a/public/images/seguran\303\247a_icon.png" "b/public/images/seguran\303\247a_icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..6df8af7e9f610b0afa23febba12b0f1ce1aca991 GIT binary patch literal 746 zcmVE&V95d?E%##L4Fb7<@Sk z2G|4IDphH0-ox z^BTK5wuy)n?v9@X{dEVe6?k;>@-i>iRv~T%*#|CT@@%!X->qDtbxA-+G&*&P%vspefrv!8Q; zk3RU`{VH9_R}bY9%k_9TyB_CLT&+r-D_@*an=&A@R~U<`MOT^AS`SsI3L73S|o)~(lYm(a+f+F1v6!Ef6wSz7*pd*vn?on9VJ z%M5c5jzPo&-CBX>9s)Q9-J+{oD{$KXyW^s`*ALTJWd0;E6&r83P!pq>d&*p(b&WKe5eW)`(L!Hmu{5pl|NP{)FElKYE(K zEQUm@*eOJBN<@-qy)<-=-PbbeSWll?SwUqk0vAbNL$sLCkUQSPRPf?!h?v14F|M^^ c+V?fYFCpCMthz?6yZ`_I07*qoM6N<$f^Wk|B>(^b literal 0 HcmV?d00001 diff --git a/public/images/suporte_icon.png b/public/images/suporte_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..42a89c6d5d9d059b02abaa267ff7823a61717a4a GIT binary patch literal 949 zcmV;m14{gfP)CmK~#7F&6&?n z6G0Tmzcbq!6@?~}=s}Vi6Y(Hz5ir3E^-u8P8UF%`Turp`tZe@R%h8hu{{YGb4nkbO zgBlM@;sFv#)`N*ccb{*j1xvf#{$N@5lay_C-gLjbnR)Z(tw5jL`&h_JAV)&Z2vCl1 zrRpDr!ylU!nHBVb=*2kwsgN4<LNAkIK1?PZV+XIabbuzOOo;nYp zNA~}mDtR?lcXgiWKEEGmrw;rHb>iovrJ9G`g&P)^c)ba+{}=s0D&ZX&fV+?dUAq`$ zYAbEEgq5fSAv&jAb#b_qKy`7V_OLTT2&$;79$lG$*|A51IQ`$Bp*St@07b1${i)^u z?8SD*KO+_=sBG2CBFF1P8oIpU8xxJCuaSvk>?7};5U9OKRP^gXHwU5;2UV}J8j4CS zrH{;df#;)`!}(C!np`|l3-YbajI9^A^da(y7K_D=H{bM)(T0J?sskc|I3TOykzZSI z`7N5^ZW-1_0(ZHsNwYwLp7K{4;p6B!On^8=$8C6f!Ys=}cE3kU2#=Dgzcdz!+R;-H zJ;x;yPsK|qX3+atMtQ8Hb}hd`Wheq0slSHElR%bNd>S>ujjtgb0$GBvqB5p_Uqk!@ XP;WiKj(?T-00000NkvXXu0mjfG8(gr literal 0 HcmV?d00001 From 50399900db6e515891a2fcdf78ff1184b9e199c8 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:25:52 -0300 Subject: [PATCH 02/12] refactor:rename page forget-password with kebab-case --- src/app/{ForgetPassword => forget-password}/page.tsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/app/{ForgetPassword => forget-password}/page.tsx (100%) diff --git a/src/app/ForgetPassword/page.tsx b/src/app/forget-password/page.tsx similarity index 100% rename from src/app/ForgetPassword/page.tsx rename to src/app/forget-password/page.tsx From 8425e0c93a7b7c6805b3dc6eb1d49cca18388e3f Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:26:24 -0300 Subject: [PATCH 03/12] refactor: rename page loginpage with kebab-case --- src/app/{LoginPage => login-page}/page.tsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/app/{LoginPage => login-page}/page.tsx (100%) diff --git a/src/app/LoginPage/page.tsx b/src/app/login-page/page.tsx similarity index 100% rename from src/app/LoginPage/page.tsx rename to src/app/login-page/page.tsx From 1fc8777d01114d82be1be5062e1d1c1e053f0575 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:27:34 -0300 Subject: [PATCH 04/12] feat(pages): Add user profile page --- src/app/user-profile/page.tsx | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 src/app/user-profile/page.tsx diff --git a/src/app/user-profile/page.tsx b/src/app/user-profile/page.tsx new file mode 100644 index 0000000..7e2d9ba --- /dev/null +++ b/src/app/user-profile/page.tsx @@ -0,0 +1,7 @@ +"use client"; +import EditProfileTemplate from "@/components/NewDesignSystem/templates/EditProfileTemplate"; +export default function UserProfilePage() { + return ( + + ); +}; \ No newline at end of file From 680b709908e5c2a255d01e8e2b0c7ec5e29a41ae Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:29:01 -0300 Subject: [PATCH 05/12] feat(atoms): Creates the user's avatar icon. --- src/components/NewDesignSystem/atoms/Avatar/index.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 src/components/NewDesignSystem/atoms/Avatar/index.tsx diff --git a/src/components/NewDesignSystem/atoms/Avatar/index.tsx b/src/components/NewDesignSystem/atoms/Avatar/index.tsx new file mode 100644 index 0000000..7efaf6d --- /dev/null +++ b/src/components/NewDesignSystem/atoms/Avatar/index.tsx @@ -0,0 +1,9 @@ +import Image from "next/image"; + +export default function Avatar () { + return ( +
+ avatar +
+ ) +} \ No newline at end of file From 436a68ed37e5bd7614a6e30b913ef40e94690716 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:29:37 -0300 Subject: [PATCH 06/12] feat(atoms): Create the balance card. --- .../NewDesignSystem/atoms/Card/index.tsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 src/components/NewDesignSystem/atoms/Card/index.tsx diff --git a/src/components/NewDesignSystem/atoms/Card/index.tsx b/src/components/NewDesignSystem/atoms/Card/index.tsx new file mode 100644 index 0000000..714e308 --- /dev/null +++ b/src/components/NewDesignSystem/atoms/Card/index.tsx @@ -0,0 +1,15 @@ +import { ReactNode } from "react"; + +interface CardProps { + children: ReactNode; + className?: string; +} + +export default function Card({ children, className }: CardProps) { + return ( +
+ {children} +
+ ); +} + From d925b0a1aa7c08dbba8a24279d91bfad3729b525 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:31:01 -0300 Subject: [PATCH 07/12] feat(atoms): creates the icons used in MenuItens --- .../NewDesignSystem/atoms/IconsUser/index.tsx | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 src/components/NewDesignSystem/atoms/IconsUser/index.tsx diff --git a/src/components/NewDesignSystem/atoms/IconsUser/index.tsx b/src/components/NewDesignSystem/atoms/IconsUser/index.tsx new file mode 100644 index 0000000..cd194b1 --- /dev/null +++ b/src/components/NewDesignSystem/atoms/IconsUser/index.tsx @@ -0,0 +1,13 @@ +import Image from "next/image"; + +interface IconUserProps { + src: string; +} + +export default function IconUser({ src }: IconUserProps) { + return ( +
+ avatar +
+ ); +} \ No newline at end of file From 8e8c4bc2b04a8da08341b260d4986fa03614a8b3 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:33:12 -0300 Subject: [PATCH 08/12] feat(atoms): Add all the text from the page. --- src/components/NewDesignSystem/atoms/Text/index.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 src/components/NewDesignSystem/atoms/Text/index.tsx diff --git a/src/components/NewDesignSystem/atoms/Text/index.tsx b/src/components/NewDesignSystem/atoms/Text/index.tsx new file mode 100644 index 0000000..6552700 --- /dev/null +++ b/src/components/NewDesignSystem/atoms/Text/index.tsx @@ -0,0 +1,10 @@ +import { ReactNode } from "react"; + +interface TextProps { + children: ReactNode; + className?: string; +} + +export default function Text({ children, className }: TextProps) { + return

{children}

; +} From 653aaddac313e8cd6b05088aab851ecbc8e2522f Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:34:25 -0300 Subject: [PATCH 09/12] feat(molecules): Adds menu items with icons and text. --- .../molecules/MenuItem/index.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/components/NewDesignSystem/molecules/MenuItem/index.tsx diff --git a/src/components/NewDesignSystem/molecules/MenuItem/index.tsx b/src/components/NewDesignSystem/molecules/MenuItem/index.tsx new file mode 100644 index 0000000..81e52fe --- /dev/null +++ b/src/components/NewDesignSystem/molecules/MenuItem/index.tsx @@ -0,0 +1,18 @@ + +import IconsUser from "../../atoms/IconsUser"; +import Text from "../../atoms/Text"; +import Card from "../../atoms/Card"; + +interface MenuItemProps { + icon: string; + label: string; +} + +export default function MenuItem({ icon, label }: MenuItemProps) { + return ( + + + {label} + + ); +} From 23d18010d7ece709731cfdb055ad27dc57f1f631 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:35:58 -0300 Subject: [PATCH 10/12] feat(organisms): add the white card that contains all the content --- .../organisms/ProfileCard/index.tsx | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/components/NewDesignSystem/organisms/ProfileCard/index.tsx diff --git a/src/components/NewDesignSystem/organisms/ProfileCard/index.tsx b/src/components/NewDesignSystem/organisms/ProfileCard/index.tsx new file mode 100644 index 0000000..0590f1d --- /dev/null +++ b/src/components/NewDesignSystem/organisms/ProfileCard/index.tsx @@ -0,0 +1,28 @@ +// src/components/organisms/ProfileCard.tsx +import ProfileInfo from "../../molecules/ProfileInfo"; +import MenuItem from "../../molecules/MenuItem"; + +export default function ProfileCard() { + return ( +
+ + +
+

Conta

+
+ + +
+
+ +
+

Geral

+
+ + + +
+
+
+ ); +} From cd2c799c0b14ff2c57ee45447239192a5d75c627 Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:36:35 -0300 Subject: [PATCH 11/12] feat(molecules): Adds the user information section. --- .../molecules/ProfileInfo/index.tsx | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 src/components/NewDesignSystem/molecules/ProfileInfo/index.tsx diff --git a/src/components/NewDesignSystem/molecules/ProfileInfo/index.tsx b/src/components/NewDesignSystem/molecules/ProfileInfo/index.tsx new file mode 100644 index 0000000..cc5b3f2 --- /dev/null +++ b/src/components/NewDesignSystem/molecules/ProfileInfo/index.tsx @@ -0,0 +1,25 @@ +// src/components/molecules/ProfileInfo.tsx +import Avatar from "../../atoms/Avatar"; +import Text from "../../atoms/Text"; +import Card from "../../atoms/Card"; + +export default function ProfileInfo() { + return ( +
+ + +
+ Nome do Usuário + Usuário@gmail.com +
+ +
+ + Saldo Simulado + R$ 50.000,00 + ID: 00000000 + +
+
+ ); +} From 6a0ce978b59309a4ce542122fda0982f297ee6bf Mon Sep 17 00:00:00 2001 From: Pablo JDev Date: Wed, 19 Nov 2025 16:37:20 -0300 Subject: [PATCH 12/12] feat(template): add EditProfileTemplate layout --- .../templates/EditProfileTemplate/index.tsx | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/components/NewDesignSystem/templates/EditProfileTemplate/index.tsx diff --git a/src/components/NewDesignSystem/templates/EditProfileTemplate/index.tsx b/src/components/NewDesignSystem/templates/EditProfileTemplate/index.tsx new file mode 100644 index 0000000..2cf6d62 --- /dev/null +++ b/src/components/NewDesignSystem/templates/EditProfileTemplate/index.tsx @@ -0,0 +1,16 @@ +import Text from "../../atoms/Text"; +import ProfileCard from "../../organisms/ProfileCard"; + +export default function EditProfileTemplate() { + return ( +
+
+ Editar Perfil +
+ +
+ +
+
+ ); +}