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(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(values, "register", "/login")}
+ >
+
+