From 939aca03025d15c181a4afe79c1d1b917367c5f3 Mon Sep 17 00:00:00 2001 From: GabrielCarames <49535753+GabrielCarames@users.noreply.github.com> Date: Fri, 28 Oct 2022 17:06:02 -0300 Subject: [PATCH] feat: add formik and yup validation --- package-lock.json | 167 +++++++++++++++++- package.json | 4 +- .../FormGroupInput/FormGroupInput.tsx | 8 +- .../FormGroupInput/_formGroupInput.scss | 2 + src/hooks/useSubmitForm.ts | 19 +- src/scss/index.css | 14 +- src/scss/index.css.map | 2 +- src/sections/Home/_home.scss | 46 ++--- src/sections/Login/Login.tsx | 50 +++++- src/sections/Register/Register.tsx | 82 ++++++--- 10 files changed, 308 insertions(+), 86 deletions(-) diff --git a/package-lock.json b/package-lock.json index 63a552d..20a2fc6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,6 +11,7 @@ "@apollo/client": "^3.6.9", "@reduxjs/toolkit": "^1.8.5", "emoji-picker-react": "^3.6.1", + "formik": "^2.2.9", "graphql": "^16.6.0", "graphql-ws": "^5.11.1", "react": "^18.2.0", @@ -18,7 +19,8 @@ "react-infinite-scroll-component": "^6.1.0", "react-loader-spinner": "^5.3.4", "react-redux": "^8.0.2", - "react-router-dom": "^6.3.0" + "react-router-dom": "^6.3.0", + "yup": "^0.32.11" }, "devDependencies": { "@types/node": "^18.8.3", @@ -606,6 +608,11 @@ "hoist-non-react-statics": "^3.3.0" } }, + "node_modules/@types/lodash": { + "version": "4.14.186", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.186.tgz", + "integrity": "sha512-eHcVlLXP0c2FlMPm56ITode2AgLMSa6aJ05JTTbYbI+7EMkCEE5qk2E41d5g2lCVTqRe0GnnRFurmlCsDODrPw==" + }, "node_modules/@types/node": { "version": "18.8.3", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.3.tgz", @@ -918,6 +925,14 @@ } } }, + "node_modules/deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/electron-to-chromium": { "version": "1.4.254", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz", @@ -1364,6 +1379,34 @@ "node": ">=8" } }, + "node_modules/formik": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/formik/-/formik-2.2.9.tgz", + "integrity": "sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==", + "funding": [ + { + "type": "individual", + "url": "https://opencollective.com/formik" + } + ], + "dependencies": { + "deepmerge": "^2.1.1", + "hoist-non-react-statics": "^3.3.0", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "react-fast-compare": "^2.0.1", + "tiny-warning": "^1.0.2", + "tslib": "^1.10.0" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/formik/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + }, "node_modules/fs-extra": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", @@ -1637,6 +1680,11 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, + "node_modules/lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==" + }, "node_modules/loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", @@ -1692,6 +1740,11 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" }, + "node_modules/nanoclone": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz", + "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==" + }, "node_modules/nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -1894,6 +1947,11 @@ "react-is": "^16.13.1" } }, + "node_modules/property-expr": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.5.tgz", + "integrity": "sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==" + }, "node_modules/react": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", @@ -1917,6 +1975,11 @@ "react": "^18.2.0" } }, + "node_modules/react-fast-compare": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz", + "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==" + }, "node_modules/react-infinite-scroll-component": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/react-infinite-scroll-component/-/react-infinite-scroll-component-6.1.0.tgz", @@ -2220,6 +2283,11 @@ "node": ">=8" } }, + "node_modules/tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" + }, "node_modules/to-fast-properties": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", @@ -2228,6 +2296,11 @@ "node": ">=4" } }, + "node_modules/toposort": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz", + "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==" + }, "node_modules/trim-repeated": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz", @@ -2359,6 +2432,23 @@ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "dev": true }, + "node_modules/yup": { + "version": "0.32.11", + "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz", + "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==", + "dependencies": { + "@babel/runtime": "^7.15.4", + "@types/lodash": "^4.14.175", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "nanoclone": "^0.2.1", + "property-expr": "^2.0.4", + "toposort": "^2.0.2" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/zen-observable": { "version": "0.8.15", "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.15.tgz", @@ -2782,6 +2872,11 @@ "hoist-non-react-statics": "^3.3.0" } }, + "@types/lodash": { + "version": "4.14.186", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.186.tgz", + "integrity": "sha512-eHcVlLXP0c2FlMPm56ITode2AgLMSa6aJ05JTTbYbI+7EMkCEE5qk2E41d5g2lCVTqRe0GnnRFurmlCsDODrPw==" + }, "@types/node": { "version": "18.8.3", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.3.tgz", @@ -3027,6 +3122,11 @@ "ms": "2.1.2" } }, + "deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==" + }, "electron-to-chromium": { "version": "1.4.254", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz", @@ -3262,6 +3362,27 @@ "path-exists": "^4.0.0" } }, + "formik": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/formik/-/formik-2.2.9.tgz", + "integrity": "sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==", + "requires": { + "deepmerge": "^2.1.1", + "hoist-non-react-statics": "^3.3.0", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "react-fast-compare": "^2.0.1", + "tiny-warning": "^1.0.2", + "tslib": "^1.10.0" + }, + "dependencies": { + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + } + } + }, "fs-extra": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", @@ -3461,6 +3582,11 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, + "lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==" + }, "loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", @@ -3501,6 +3627,11 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" }, + "nanoclone": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz", + "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==" + }, "nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -3645,6 +3776,11 @@ "react-is": "^16.13.1" } }, + "property-expr": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.5.tgz", + "integrity": "sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==" + }, "react": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", @@ -3662,6 +3798,11 @@ "scheduler": "^0.23.0" } }, + "react-fast-compare": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz", + "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==" + }, "react-infinite-scroll-component": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/react-infinite-scroll-component/-/react-infinite-scroll-component-6.1.0.tgz", @@ -3870,11 +4011,21 @@ "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz", "integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==" }, + "tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" + }, "to-fast-properties": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" }, + "toposort": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz", + "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==" + }, "trim-repeated": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz", @@ -3944,6 +4095,20 @@ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "dev": true }, + "yup": { + "version": "0.32.11", + "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz", + "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==", + "requires": { + "@babel/runtime": "^7.15.4", + "@types/lodash": "^4.14.175", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "nanoclone": "^0.2.1", + "property-expr": "^2.0.4", + "toposort": "^2.0.2" + } + }, "zen-observable": { "version": "0.8.15", "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.15.tgz", diff --git a/package.json b/package.json index 681a4b3..964ec3a 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@apollo/client": "^3.6.9", "@reduxjs/toolkit": "^1.8.5", "emoji-picker-react": "^3.6.1", + "formik": "^2.2.9", "graphql": "^16.6.0", "graphql-ws": "^5.11.1", "react": "^18.2.0", @@ -21,7 +22,8 @@ "react-infinite-scroll-component": "^6.1.0", "react-loader-spinner": "^5.3.4", "react-redux": "^8.0.2", - "react-router-dom": "^6.3.0" + "react-router-dom": "^6.3.0", + "yup": "^0.32.11" }, "devDependencies": { "@types/node": "^18.8.3", diff --git a/src/components/FormGroupInput/FormGroupInput.tsx b/src/components/FormGroupInput/FormGroupInput.tsx index 9ae35b3..64d515d 100644 --- a/src/components/FormGroupInput/FormGroupInput.tsx +++ b/src/components/FormGroupInput/FormGroupInput.tsx @@ -1,3 +1,4 @@ +import { ErrorMessage, Field } from "formik" import { FormGroupProps } from "../../ts/interfaces" export default function FormGroupInput({ @@ -5,24 +6,23 @@ export default function FormGroupInput({ label, placeholder, minLength, - maxLength, - required + maxLength }: FormGroupProps) { return (
- +
) } diff --git a/src/components/FormGroupInput/_formGroupInput.scss b/src/components/FormGroupInput/_formGroupInput.scss index e414bde..70eed0e 100644 --- a/src/components/FormGroupInput/_formGroupInput.scss +++ b/src/components/FormGroupInput/_formGroupInput.scss @@ -6,8 +6,10 @@ gap: 5px; width: 100%; max-width: 300px; + color: $pinkColor; .form__label { @include fluid-type(font-size, 600px, 1200px, 12px, 14px); + color: $whiteColor; } .form__input { height: 4vmin; diff --git a/src/hooks/useSubmitForm.ts b/src/hooks/useSubmitForm.ts index f67fe02..604f251 100644 --- a/src/hooks/useSubmitForm.ts +++ b/src/hooks/useSubmitForm.ts @@ -19,23 +19,9 @@ export const useSubmitForm = () => { login } - const getUserData = (e: React.FormEvent) => { - const formInputsElements = e.currentTarget.elements as HTMLFormControlsCollection - const inputsArray = Object.values(formInputsElements).slice(0, -1) - let userData = {} - inputsArray.forEach(elem => { - Object.assign(userData, { - [(elem as HTMLInputElement).name]: (elem as HTMLInputElement).value - }) - }) - const { username, email, password } = userData as any - return { username, email, password } - } - - const handleSubmit = (e: React.FormEvent, type: string, redirecturl: string) => { - e.preventDefault() + const handleSubmit = (values: any, type: string, redirecturl: string) => { dispatch(startLoader()) - const { username, email, password } = getUserData(e) + const { username, email, password } = values submitMethods[type as keyof typeof submitMethods]({ variables: { username, email, password } }) .then((res: any) => { dispatch(completeProgressLoader()) @@ -56,6 +42,7 @@ export const useSubmitForm = () => { .catch((err: any) => { dispatch(completeProgressLoader()) console.log(err) + const capitalizeFirstLetter = (str: string) => str.charAt(0).toUpperCase() + str.slice(1) dispatch( createAlertMessage({ title: `Error de ${capitalizeFirstLetter(type)}`, diff --git a/src/scss/index.css b/src/scss/index.css index 6adaf87..124c27d 100644 --- a/src/scss/index.css +++ b/src/scss/index.css @@ -250,7 +250,7 @@ html body #root .App ul { display: flex; flex-direction: column; align-items: center; - justify-content: space-around; + justify-content: center; width: 100%; height: 100%; background-color: #1c1d22; @@ -262,17 +262,17 @@ html body #root .App ul { color: #ffffff; } .home .home-header .home__logo { - width: 170px; + width: 100px; height: auto; } .home .home-header .home__title { - font-size: 40px; + font-size: 20px; font-weight: 900; } .home .home-header .home__description { - font-size: 18px; + font-size: 16px; } -.home .view-repository { +.home .button-container .view-repository { background: linear-gradient(93.07deg, #dd4ec6 0%, #8d4fc9 100%); background-size: 100%; background-position: 0; @@ -288,7 +288,7 @@ html body #root .App ul { background-repeat: no-repeat; background-color: #8d4fc9; } -.home .view-repository:hover { +.home .button-container .view-repository:hover { background-position: -200px; box-shadow: 0 5px 20px 0 #8d4fc9; color: #ffffff; @@ -386,9 +386,11 @@ html body #root .App ul { gap: 5px; width: 100%; max-width: 300px; + color: #dd4ec6; } .form-group .form__label { font-size: 12px; + color: #ffffff; } @media screen and (min-width: 600px) { .form-group .form__label { diff --git a/src/scss/index.css.map b/src/scss/index.css.map index 8ca6404..8e195ca 100644 --- a/src/scss/index.css.map +++ b/src/scss/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["_fonts.scss","index.css","index.scss","../sections/ChatIndex/_chatIndex.scss","../sections/Register/_register.scss","_variables.scss","../sections/NotFound/_notFound.scss","../sections/Login/_login.scss","../sections/Home/_home.scss","../components/ChatPreviewImage/_chatPreviewImage.scss","../components/AccountQuestion/_accountQuestion.scss","../components/FormGroupInput/_formGroupInput.scss","../components/ViewRepository/_viewRepository.scss","../components/ChatInfoHeader/_chatInfoHeader.scss","../components/AlertMessage/_alertMessage.scss","../components/EmojisPicker/_emojisPicker.scss","../components/ChatInput/_chatInput.scss","../components/Messages/_messages.scss","../components/Message/_message.scss","../components/Groups/_groups.scss","../components/GoHome/_goHome.scss","../components/Loader/_loader.scss","../components/PrivateChats/_privateChats.scss","../components/PrivateChats/PrivateChat/_privateChat.scss","../components/Group/_group.scss","../components/Chat/_chat.scss","../components/Form/_form.scss","../components/LoggedUserArea/_loggedUserArea.scss","../components/UserQuickOptions/_userQuickOptions.scss","../components/AddFriend/_addFriend.scss","../components/LoaderSpinner/_loaderSpinner.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file +{"version":3,"sources":["_fonts.scss","index.css","index.scss","../sections/ChatIndex/_chatIndex.scss","../sections/Register/_register.scss","_variables.scss","../sections/NotFound/_notFound.scss","../sections/Login/_login.scss","../sections/Home/_home.scss","../components/ChatPreviewImage/_chatPreviewImage.scss","../components/AccountQuestion/_accountQuestion.scss","../components/FormGroupInput/_formGroupInput.scss","../components/ViewRepository/_viewRepository.scss","../components/ChatInfoHeader/_chatInfoHeader.scss","../components/AlertMessage/_alertMessage.scss","../components/EmojisPicker/_emojisPicker.scss","../components/ChatInput/_chatInput.scss","../components/Messages/_messages.scss","../components/Message/_message.scss","../components/Groups/_groups.scss","../components/GoHome/_goHome.scss","../components/Loader/_loader.scss","../components/PrivateChats/_privateChats.scss","../components/PrivateChats/PrivateChat/_privateChat.scss","../components/Group/_group.scss","../components/Chat/_chat.scss","../components/Form/_form.scss","../components/LoggedUserArea/_loggedUserArea.scss","../components/UserQuickOptions/_userQuickOptions.scss","../components/AddFriend/_addFriend.scss","../components/LoaderSpinner/_loaderSpinner.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/src/sections/Home/_home.scss b/src/sections/Home/_home.scss index b56ea69..eb57cc5 100644 --- a/src/sections/Home/_home.scss +++ b/src/sections/Home/_home.scss @@ -2,7 +2,7 @@ display: flex; flex-direction: column; align-items: center; - justify-content: space-around; + justify-content: center; width: 100%; height: 100%; background-color: $primaryColor; @@ -12,36 +12,38 @@ align-items: center; color: $whiteColor; .home__logo { - width: 170px; + width: 100px; height: auto; } .home__title { - font-size: 40px; + font-size: 20px; font-weight: 900; } .home__description { - font-size: 18px; + font-size: 16px; } } - .view-repository { - background: linear-gradient(93.07deg, #dd4ec6 0%, #8d4fc9 100%); - background-size: 100%; - background-position: 0; - border-radius: 10px; - border: none; - color: $whiteColor; - padding: 15px; - font-family: $fontFamily; - font-size: 16px; - cursor: pointer; - transition: all 0.25s; - box-shadow: 0 1px 10px 0 $purpleColor; - background-repeat: no-repeat; - background-color: $purpleColor; - &:hover { - background-position: -200px; - box-shadow: 0 5px 20px 0 $purpleColor; + .button-container { + .view-repository { + background: linear-gradient(93.07deg, #dd4ec6 0%, #8d4fc9 100%); + background-size: 100%; + background-position: 0; + border-radius: 10px; + border: none; color: $whiteColor; + padding: 15px; + font-family: $fontFamily; + font-size: 16px; + cursor: pointer; + transition: all 0.25s; + box-shadow: 0 1px 10px 0 $purpleColor; + background-repeat: no-repeat; + background-color: $purpleColor; + &:hover { + background-position: -200px; + box-shadow: 0 5px 20px 0 $purpleColor; + color: $whiteColor; + } } } } diff --git a/src/sections/Login/Login.tsx b/src/sections/Login/Login.tsx index 77c8abb..2e9783a 100644 --- a/src/sections/Login/Login.tsx +++ b/src/sections/Login/Login.tsx @@ -1,7 +1,8 @@ import { useSubmitForm } from "../../hooks/useSubmitForm" import { AccountQuestion, FormGroupInput, ViewRepository } from "../../components" import parchesChatIcon from "../../assets/icons/parches-chat-icon.svg" - +import { Form, Formik } from "formik" +import * as Yup from "yup" export default function Login() { const { handleSubmit } = useSubmitForm() @@ -13,12 +14,47 @@ export default function Login() {

Parches Chat

¡Ingresa con tu cuenta y comienza a chatear!

-
handleSubmit(e, "login", "/chat")}> - - - - - + handleSubmit(values, "login", "/chat")} + > +
+ + + + + +
diff --git a/src/sections/Register/Register.tsx b/src/sections/Register/Register.tsx index f6e9e6f..c6536a3 100644 --- a/src/sections/Register/Register.tsx +++ b/src/sections/Register/Register.tsx @@ -1,4 +1,6 @@ import { useSubmitForm } from "../../hooks/useSubmitForm" +import { Form, Formik } from "formik" +import * as Yup from "yup" import { AccountQuestion, FormGroupInput, ViewRepository } from "../../components" import parchesChatIcon from "../../assets/icons/parches-chat-icon.svg" @@ -13,34 +15,58 @@ export default function Register() {

Parches Chat

Registra tu cuenta

-
handleSubmit(e, "register", "/login")}> - - - - - - + handleSubmit(values, "register", "/login")} + > +
+ + + + + + +