From b57889ba9cf9eaab5af5efd23df4b5b6305fa1d8 Mon Sep 17 00:00:00 2001
From: AldemirLucas <aldemirlucas23@gmail.com>
Date: Thu, 26 Oct 2023 17:24:54 -0300
Subject: [PATCH] wip att user page

---
 next/pages/precos.js                 |  4 ++--
 next/pages/user/[username].js        | 20 ++++++++++++++------
 next/pages/user/password-recovery.js |  2 +-
 next/pages/user/register.js          | 16 ++++++++++------
 4 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/next/pages/precos.js b/next/pages/precos.js
index b3266ac4..b57bfa89 100644
--- a/next/pages/precos.js
+++ b/next/pages/precos.js
@@ -361,7 +361,7 @@ export const CardPrice = ({
                     onOpen()
                     setLinkStripe("")
                   }}
-                >Termos de serviço</Text>
+                >Termos de Serviços</Text>
                 .
               </Text>
             }
@@ -477,7 +477,7 @@ export default function Price() {
               {name: "Acesso para 10 contas"},{name: "Suporte prioritário via email e Discord"}
             ]}
             button={{
-              text: "Assine já",
+              text: "Iniciar teste grátis",
               href: "https://buy.stripe.com/00g4i93d8f2Y5H24gr?locale=pt"
             }}
             hasServiceTerms
diff --git a/next/pages/user/[username].js b/next/pages/user/[username].js
index d62da19f..9d3a8c35 100644
--- a/next/pages/user/[username].js
+++ b/next/pages/user/[username].js
@@ -155,6 +155,7 @@ const ProfileConfiguration = () => {
             height="40px"
             fontSize="14px"
             borderRadius="16px"
+            _placeholder={{color: "#A3A3A3"}}
             _invalid={{boxShadow:"0 0 0 2px #D93B3B"}}
           />
           <FormErrorMessage fontSize="12px" color="#D93B3B" display="flex" flexDirection="row" gap="4px" alignItems="flex-start">
@@ -173,6 +174,7 @@ const ProfileConfiguration = () => {
             height="40px"
             fontSize="14px"
             borderRadius="16px"
+            _placeholder={{color: "#A3A3A3"}}
             _invalid={{boxShadow:"0 0 0 2px #D93B3B"}}
           />
           <FormErrorMessage fontSize="12px" color="#D93B3B" display="flex" flexDirection="row" gap="4px" alignItems="flex-start">
@@ -191,6 +193,7 @@ const ProfileConfiguration = () => {
             height="40px"
             fontSize="14px"
             borderRadius="16px"
+            _placeholder={{color: "#A3A3A3"}}
             _invalid={{boxShadow:"0 0 0 2px #D93B3B"}}
           />
           <FormErrorMessage fontSize="12px" color="#D93B3B" display="flex" flexDirection="row" gap="4px" alignItems="flex-start">
@@ -213,7 +216,7 @@ const ProfileConfiguration = () => {
         </FormControl>
 
         <FormControl isInvalid={!!errors.website}>
-          <LabelTextForm text="Url"/>
+          <LabelTextForm text="URL"/>
           <Input
             id="website"
             name="website"
@@ -223,6 +226,7 @@ const ProfileConfiguration = () => {
             height="40px"
             fontSize="14px"
             borderRadius="16px"
+            _placeholder={{color: "#A3A3A3"}}
             _invalid={{boxShadow:"0 0 0 2px #D93B3B"}}
           />
           <FormErrorMessage fontSize="12px" color="#D93B3B" display="flex" flexDirection="row" gap="4px" alignItems="flex-start">
@@ -244,6 +248,7 @@ const ProfileConfiguration = () => {
               height="40px"
               fontSize="14px"
               borderRadius="16px"
+              _placeholder={{color: "#A3A3A3"}}
             />
           </HStack>
 
@@ -258,6 +263,7 @@ const ProfileConfiguration = () => {
               height="40px"
               fontSize="14px"
               borderRadius="16px"
+              _placeholder={{color: "#A3A3A3"}}
             />
           </HStack>
 
@@ -267,11 +273,12 @@ const ProfileConfiguration = () => {
               id="linkedin"
               name="linkedin"
               value={formData.linkedin}
-              placeholder="Link para o perfil no Linkedin"
+              placeholder="Link para o perfil no LinkedIn"
               fontFamily="ubuntu"
               height="40px"
               fontSize="14px"
               borderRadius="16px"
+              _placeholder={{color: "#A3A3A3"}}
             />
           </HStack>
         </Stack>
@@ -833,10 +840,11 @@ const NewPassword = () => {
           alignItems="flex-start"
         ><Exclamation width="14px" height="14px" fill="#D93B3B" display={Object.keys(errors.regexPassword).length > 0 ? "flex" : "none"}/> Certifique-se que a senha tenha no mínimo:</Text>
         <UnorderedList fontSize="12px" fontFamily="Ubuntu" position="relative" left="2px">
-          <ListItem fontSize="12px" color={errors?.regexPassword?.amount ? "#D93B3B" :"#7D7D7D"}>Ter no mínimo 8 caracteres</ListItem>
-          <ListItem fontSize="12px" color={errors?.regexPassword?.uppercaseLowercase ? "#D93B3B" :"#7D7D7D"}>Pelo menos uma letra maiúscula e minúscula</ListItem>
+          <ListItem fontSize="12px" color={errors?.regexPassword?.amount ? "#D93B3B" :"#7D7D7D"}>8 caracteres</ListItem>
+          <ListItem fontSize="12px" color={errors?.regexPassword?.upperCase ? "#D93B3B" :"#7D7D7D"}>Uma letra maiúscula</ListItem>
+          <ListItem fontSize="12px" color={errors?.regexPassword?.lowerCase ? "#D93B3B" :"#7D7D7D"}>Uma letra minúscula</ListItem>
           <ListItem fontSize="12px" color={errors?.regexPassword?.number ? "#D93B3B" :"#7D7D7D"}>Um dígito</ListItem>
-          <ListItem fontSize="12px" color={errors?.regexPassword?.special ? "#D93B3B" :"#7D7D7D"}>E um caractere especial</ListItem>
+          <ListItem fontSize="12px" color={errors?.regexPassword?.special ? "#D93B3B" :"#7D7D7D"}>Um caractere especial</ListItem>
         </UnorderedList>
       </FormControl>
 
@@ -1026,7 +1034,7 @@ const PlansAndPayment = () => {
               {name: "Acesso para 10 contas"},{name: "Suporte prioritário via email e Discord"}
             ]}
             button={{
-              text: "Assine já",
+              text: "Iniciar teste grátis",
               href: "https://buy.stripe.com/00g4i93d8f2Y5H24gr?locale=pt"
             }}
             hasServiceTerms
diff --git a/next/pages/user/password-recovery.js b/next/pages/user/password-recovery.js
index ad373461..4155aa89 100644
--- a/next/pages/user/password-recovery.js
+++ b/next/pages/user/password-recovery.js
@@ -64,7 +64,7 @@ export default function PasswordRecovery() {
           <Input
             type="email"
             placeholder="Insira seu e-mail"
-            _placeholder={{color:"#DEDFE0"}}
+            _placeholder={{color: "#A3A3A3"}}
             _focus={{border:"2px solid #42B0FF !important" }}
             _hover={{border:"2px solid #42B0FF !important" }}
             value={email}
diff --git a/next/pages/user/register.js b/next/pages/user/register.js
index 009b5c5d..21366f10 100644
--- a/next/pages/user/register.js
+++ b/next/pages/user/register.js
@@ -64,8 +64,11 @@ export default function Register() {
     if(!/^.{8,}$/.test(formData.password)) {
       regexPassword = {...regexPassword, amount: true}
     }
-    if(!/([a-z].*[A-Z])|([A-Z].*[a-z])/.test(formData.password)) {
-      regexPassword = {...regexPassword, uppercaseLowercase: true}
+    if(!/[A-Z]/.test(formData.password)) {
+      regexPassword = {...regexPassword, upperCase: true}
+    }
+    if(!/[a-z]/.test(formData.password)) {
+      regexPassword = {...regexPassword, lowerCase: true}
     }
     if(!/(?=.*?[0-9])/.test(formData.password)) {
       regexPassword = {...regexPassword, number: true}
@@ -250,15 +253,16 @@ export default function Register() {
               alignItems="flex-start"
             ><Exclamation width="14px" height="14px" fill="#D93B3B" display={Object.keys(errors.regexPassword).length > 0 ? "flex" : "none"}/> Certifique-se que a senha tenha no mínimo:</Text>
             <UnorderedList fontSize="12px" fontFamily="Ubuntu" position="relative" left="2px">
-              <ListItem fontSize="12px" color={errors?.regexPassword?.amount ? "#D93B3B" :"#7D7D7D"}>Ter no mínimo 8 caracteres</ListItem>
-              <ListItem fontSize="12px" color={errors?.regexPassword?.uppercaseLowercase ? "#D93B3B" :"#7D7D7D"}>Pelo menos uma letra maiúscula e minúscula</ListItem>
+              <ListItem fontSize="12px" color={errors?.regexPassword?.amount ? "#D93B3B" :"#7D7D7D"}>8 caracteres</ListItem>
+              <ListItem fontSize="12px" color={errors?.regexPassword?.upperCase ? "#D93B3B" :"#7D7D7D"}>Uma letra maiúscula</ListItem>
+              <ListItem fontSize="12px" color={errors?.regexPassword?.lowerCase ? "#D93B3B" :"#7D7D7D"}>Uma letra minúscula</ListItem>
               <ListItem fontSize="12px" color={errors?.regexPassword?.number ? "#D93B3B" :"#7D7D7D"}>Um dígito</ListItem>
-              <ListItem fontSize="12px" color={errors?.regexPassword?.special ? "#D93B3B" :"#7D7D7D"}>E um caractere especial</ListItem>
+              <ListItem fontSize="12px" color={errors?.regexPassword?.special ? "#D93B3B" :"#7D7D7D"}>Um caractere especial</ListItem>
             </UnorderedList>
           </FormControl>
 
           <FormControl isInvalid={!!errors.confirmPassword}>
-            <LabelTextForm text="Senha novamente" />
+            <LabelTextForm text="Confirme a senha" />
             <Input
               type={showConfirmPassword ? "password" : "text"}
               id="confirmPassword"