Mensagem não centralizada quando não há conteúdos publicados

[filipedeschamps]

Contexto

Tem algo simples no TabNews que, quando não há nenhum conteúdo encontrado (por exemplo um usuário nunca publicou nada), a mensagem que aparece Nenhum conteúdo encontrado. está completamente desalinhada:

https://www.tabnews.com.br/henriquederosa

Execução

Esta mensagem é renderizada no ContentList e fora não estar centralizada, o espaçamento entre o menu superior e a paginação abaixo também está completamente desbalanceada.

tabnews.com.br/pages/interface/components/ContentList/index.js

Lines 119 to 126 in 2003e30

	function RenderEmptyMessage() {
	return (
	<Box sx={{ textAlign: 'center', width: '100%', mt: 10 }}>
	<Text>Nenhum conteúdo encontrado.</Text>
	</Box>
	);
	}
	}

Em paralelo, uma coisa que poderíamos aproveitar para fazer (talvez em outra issue para não complicar essa?) é identificar se o usuário que acessou a página é o mesmo usuário que está logado e colocar um link recomendando ele a criar sua primeira publicação.

• feat: componente de empty state #665

[filipedeschamps]

Fechado por #665

[filipedeschamps]

Antes

Depois do PR do @luantoningalvan

Com um detalhe a mais

Se você estiver logado e acessar a sua própria página e ela não tiver nenhum conteúdo, aparece isso:

Com um detalhe a mais 2

A Home também tem sua mensagem, mas isso eu vou deixar apenas para quem rodar o projeto em localhost ❤️