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}
)}