diff --git a/public/images/avatar_icon.png b/public/images/avatar_icon.png new file mode 100644 index 0000000..c04590e Binary files /dev/null and b/public/images/avatar_icon.png differ 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 0000000..e8d41d1 Binary files /dev/null and "b/public/images/configura\303\247\303\243o_icon.png" differ diff --git a/public/images/sair_icon.png b/public/images/sair_icon.png new file mode 100644 index 0000000..6df8af7 Binary files /dev/null and b/public/images/sair_icon.png differ diff --git "a/public/images/seguran\303\247a_icon.png" "b/public/images/seguran\303\247a_icon.png" new file mode 100644 index 0000000..6df8af7 Binary files /dev/null and "b/public/images/seguran\303\247a_icon.png" differ diff --git a/public/images/suporte_icon.png b/public/images/suporte_icon.png new file mode 100644 index 0000000..42a89c6 Binary files /dev/null and b/public/images/suporte_icon.png differ 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 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 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 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 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} +
+ ); +} + 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 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}

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

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