diff --git a/high-green-power/src/App.tsx b/high-green-power/src/App.tsx index 24783f2..6f6e966 100644 --- a/high-green-power/src/App.tsx +++ b/high-green-power/src/App.tsx @@ -6,6 +6,7 @@ import { Cartoes } from "./Cartoes"; import { Box, Container, Grid, Typography, Button, Stepper, Step, StepLabel } from "@mui/material"; import { useFormik } from 'formik'; import { useState } from "react"; +import { matchIsValidTel } from 'mui-tel-input'; interface dados { @@ -16,7 +17,7 @@ interface dados { emailDP: string; morada?: string; andar?: string; - pais?: string + pais?: string; cidade?: string; codigoPostal?: string; @@ -25,11 +26,7 @@ interface dados { emailPessoaContacto: string; numcartoes: number; - nomecartao1: string; - nomecartao2: string; - nomecartao3: string; - nomecartao4: string; - nomecartao5: string; + nomecartao1: string[]; notasAdicionais: string; } @@ -43,7 +40,7 @@ const initialValues: dados = { emailDP: '', morada: undefined, andar: undefined, - pais: undefined, + pais: 'Portugal', cidade: undefined, codigoPostal: undefined, @@ -52,20 +49,20 @@ const initialValues: dados = { emailPessoaContacto: '', numcartoes: 1, - nomecartao1: '', - nomecartao2: '', - nomecartao3: '', - nomecartao4: '', - nomecartao5: '', + nomecartao1: [], notasAdicionais:'', } -// Phone validation mais default PT, acrescentar país por Select usar API, nomecartao para array +// , // Menos importante - validação Codigo-Postal e Cidade -// - Política de Privacidade +/* Updates: Validação de telemovel e definiçaõ default de portugal, + Variavel "nomecartao1" é agora um array, + Definido um link na "Política de Privacidade", + Acrescimo dos país através da API com Portugal a valor default, +*/ function App() { @@ -79,7 +76,10 @@ function App() { nif: yup.number().integer(), representante: yup.string().required("*Por favor insira um representante válido"), telemovelDP: yup.string() - .required("*Por favor insira um número de telemóvel válido"), + .required("*Por favor insira um número de telemóvel válido") + .test('is-valid-phone', '*Por favor insira um número de telemóvel válido', (value) => { + return matchIsValidTel(value); + }), emailDP: yup.string() .email("*Por favor insira um email válido") .required("*Por favor insira um email válido"), @@ -95,7 +95,10 @@ function App() { nomePessoaContacto: yup.string().required("*Por favor insira um nome de empresa válido"), telemovelPC: yup.string() - .required("*Por favor insira um número de telemóvel válido"), + .required("*Por favor insira um número de telemóvel válido") + .test('is-valid-phone', '*Por favor insira um número de telemóvel válido', (value) => { + return matchIsValidTel(value); + }), emailPessoaContacto: yup.string() .email("*Por favor insira um email válido") .required("*Por favor insira um email válido") @@ -211,10 +214,14 @@ function App() {