diff --git a/pages/cadastro/index.public.js b/pages/cadastro/index.public.js index c69e9dba7..9420ebe72 100644 --- a/pages/cadastro/index.public.js +++ b/pages/cadastro/index.public.js @@ -12,7 +12,6 @@ import { Heading, Link, PasswordInput, - Text, TextInput, } from '@/TabNewsUI'; import { createErrorMessage, suggestEmail } from 'pages/interface'; @@ -129,12 +128,16 @@ function SignUpForm() { contrast sx={{ px: 2, '&:focus-within': { backgroundColor: 'canvas.default' } }} /> - {errorObject?.key === 'username' && ( - {errorObject.message} + Esse nome será exibido publicamente. + + {errorObject?.key === 'username' && errorObject?.type === 'string.alphanum' && ( + + Nome de usuário deve conter apenas letras e números, por exemplo: "nomeSobrenome4". + )} - {errorObject?.type === 'string.alphanum' && ( - Dica: use somente letras e números, por exemplo: nomeSobrenome4 + {errorObject?.key === 'username' && ( + {errorObject.message} )} @@ -188,13 +191,13 @@ function SignUpForm() { setErrorObject={setErrorObject} /> - - setIsTermsAccepted(!isTermsAccepted)} /> - + + setIsTermsAccepted(!isTermsAccepted)} /> + Li e estou de acordo com os Termos de Uso. - - + + Criar cadastro diff --git a/pages/perfil/index.public.js b/pages/perfil/index.public.js index 35383cb77..c54b1c44b 100644 --- a/pages/perfil/index.public.js +++ b/pages/perfil/index.public.js @@ -44,6 +44,7 @@ function EditProfileForm() { const [errorObject, setErrorObject] = useState(undefined); const [emailDisabled, setEmailDisabled] = useState(false); const [description, setDescription] = useState(user?.description || ''); + const [showUsernameCaption, setShowUsernameCaption] = useState(false); useEffect(() => { if (router && !user && !userIsLoading) { @@ -76,12 +77,14 @@ function EditProfileForm() { const payload = {}; if (user.username !== username) { - const confirmChangeUsername = await confirm({ - title: `Você realmente deseja alterar seu nome de usuário?`, - content: `Isso irá quebrar todas as URLs das suas publicações e comentários.`, - cancelButtonContent: 'Cancelar', - confirmButtonContent: 'Sim', - }); + const confirmChangeUsername = + user.username.toLowerCase() === username.toLowerCase() || + (await confirm({ + title: `Você realmente deseja alterar seu nome de usuário?`, + content: `Isso irá quebrar todas as URLs das suas publicações e comentários.`, + cancelButtonContent: 'Cancelar', + confirmButtonContent: 'Sim', + })); if (!confirmChangeUsername) { setIsLoading(false); @@ -197,13 +200,22 @@ function EditProfileForm() { aria-label="Seu nome de usuário" contrast sx={{ px: 2, '&:focus-within': { backgroundColor: 'canvas.default' } }} + onChange={() => setShowUsernameCaption(true)} /> - {errorObject?.key === 'username' && ( - {errorObject.message} + {showUsernameCaption && ( + + Alterar o nome de usuário pode quebrar todas as URLs das suas publicações e comentários. + )} - {errorObject?.type === 'string.alphanum' && ( - Dica: use somente letras e números, por exemplo: nomeSobrenome4 + {errorObject?.key === 'username' && errorObject?.type === 'string.alphanum' && ( + + Nome de usuário deve conter apenas letras e números, por exemplo: "nomeSobrenome4". + + )} + + {errorObject?.key === 'username' && ( + {errorObject.message} )}