diff --git a/package.json b/package.json index 538e8aaf0..b17d274eb 100644 --- a/package.json +++ b/package.json @@ -52,8 +52,10 @@ "normalize.css": "8.0.1", "react": "18.2.0", "react-dom": "18.2.0", + "react-hook-form": "7.53.0", "react-i18next": "13.5.0", "react-router-dom": "6.22.1", + "zod": "3.23.8", "zustand": "4.5.1" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 44db68a51..4114b21a0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -56,12 +56,18 @@ dependencies: react-dom: specifier: 18.2.0 version: 18.2.0(react@18.2.0) + react-hook-form: + specifier: 7.53.0 + version: 7.53.0(react@18.2.0) react-i18next: specifier: 13.5.0 version: 13.5.0(i18next@23.9.0)(react-dom@18.2.0)(react@18.2.0) react-router-dom: specifier: 6.22.1 version: 6.22.1(react-dom@18.2.0)(react@18.2.0) + zod: + specifier: 3.23.8 + version: 3.23.8 zustand: specifier: 4.5.1 version: 4.5.1(@types/react@18.2.57)(react@18.2.0) @@ -10519,6 +10525,15 @@ packages: react: 18.2.0 scheduler: 0.23.2 + /react-hook-form@7.53.0(react@18.2.0): + resolution: {integrity: sha512-M1n3HhqCww6S2hxLxciEXy2oISPnAzxY7gvwVPrtlczTM/1dDadXgUxDpHMrMTblDOcm/AXtXxHwZ3jpg1mqKQ==} + engines: {node: '>=18.0.0'} + peerDependencies: + react: ^16.8.0 || ^17 || ^18 || ^19 + dependencies: + react: 18.2.0 + dev: false + /react-hotkeys-hook@4.5.0(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-Samb85GSgAWFQNvVt3PS90LPPGSf9mkH/r4au81ZP1yOIFayLC3QAvqTgGtJ8YEDMXtPmaVBs6NgipHO6h4Mug==} peerDependencies: @@ -12998,6 +13013,10 @@ packages: engines: {node: '>=12.20'} dev: true + /zod@3.23.8: + resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==} + dev: false + /zustand@4.5.1(@types/react@18.2.57)(react@18.2.0): resolution: {integrity: sha512-XlauQmH64xXSC1qGYNv00ODaQ3B+tNPoy22jv2diYiP4eoDKr9LA+Bh5Bc3gplTrFdb6JVI+N4kc1DZ/tbtfPg==} engines: {node: '>=12.7.0'} diff --git a/src/components/Icon/data.ts b/src/components/Icon/data.ts index d0e3e3cc5..5cbf09a35 100644 --- a/src/components/Icon/data.ts +++ b/src/components/Icon/data.ts @@ -5,6 +5,7 @@ import Circle from './icons/circle.svg?react'; import Close from './icons/close.svg?react'; import Discord from './icons/discord.svg?react'; import TriangleDropArrow from './icons/drop-down.svg?react'; +import Email from './icons/email.svg?react'; import Facebook from './icons/facebook.svg?react'; import Hamburguer from './icons/hamburguer.svg?react'; import Instagram from './icons/instagram.svg?react'; @@ -30,6 +31,7 @@ export const icons = { circle: Circle, close: Close, discord: Discord, + email: Email, facebook: Facebook, hamburguer: Hamburguer, instagram: Instagram, diff --git a/src/components/Icon/icons/email.svg b/src/components/Icon/icons/email.svg new file mode 100644 index 000000000..553dc8782 --- /dev/null +++ b/src/components/Icon/icons/email.svg @@ -0,0 +1,4 @@ + + + diff --git a/src/components/Icon/icons/hidden.svg b/src/components/Icon/icons/hidden.svg new file mode 100644 index 000000000..08ca13446 --- /dev/null +++ b/src/components/Icon/icons/hidden.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx index 9ca67c817..8e6168c39 100644 --- a/src/pages/home/home.tsx +++ b/src/pages/home/home.tsx @@ -1,5 +1,6 @@ import { ReactNode } from 'react'; +import Login from '~pages/login/login'; import isEmpty from 'lodash.isempty'; import { useSocialMediaStore } from '~stores/useSocialMediaStore/useSocialMediaStore'; @@ -21,6 +22,7 @@ function Home(): ReactNode { <>
+