moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change classNames "empty-column-indicator" and "slist__append" to use only Tailwind

This commit is contained in:
danidfra 2024-11-04 16:12:23 -03:00
parent bf0c15c4bc
commit 0f92777007
6 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/features/account-gallery/index.tsx
View File

@ -105,7 +105,7 @@ const AccountGallery = () => {
if (isUnavailable) {
return (
<Column>
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
</div>
</Column>
@ -126,7 +126,7 @@ const AccountGallery = () => {
))}
{!isLoading && attachments.size === 0 && (
<div className='empty-column-indicator col-span-2 sm:col-span-3'>
<div className='col-span-2 flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300 sm:col-span-3'>
<FormattedMessage id='account_gallery.none' defaultMessage='No media to show.' />
</div>
)}
@ -135,7 +135,7 @@ const AccountGallery = () => {
</div>
{isLoading && attachments.size === 0 && (
<div className='slist__append'>
<div className='relative flex flex-1 p-[30px_15px]'>
<Spinner />
</div>
)}

6
src/features/compose/components/search-results.tsx
View File

@ -132,7 +132,7 @@ const SearchResults = () => {
searchResults = suggestions.map(suggestion => <AccountContainer key={suggestion.account} id={suggestion.account} />);
} else if (loaded) {
noResultsMessage = (
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage
id='empty_column.search.accounts'
defaultMessage='There are no people results for "{term}"'
@ -174,7 +174,7 @@ const SearchResults = () => {
resultsIds = trendingStatuses;
} else if (loaded) {
noResultsMessage = (
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage
id='empty_column.search.statuses'
defaultMessage='There are no posts results for "{term}"'
@ -198,7 +198,7 @@ const SearchResults = () => {
searchResults = trends.map(hashtag => <Hashtag key={hashtag.name} hashtag={hashtag} />);
} else if (loaded) {
noResultsMessage = (
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage
id='empty_column.search.hashtags'
defaultMessage='There are no hashtags results for "{term}"'

2
src/features/favourited-statuses/index.tsx
View File

@ -67,7 +67,7 @@ const Favourites: React.FC<IFavourites> = ({ params }) => {
if (isUnavailable) {
return (
<Column>
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
</div>
</Column>

2
src/features/followers/index.tsx
View File

@ -44,7 +44,7 @@ const Followers: React.FC<IFollowers> = ({ params }) => {
if (isUnavailable) {
return (
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
</div>
);

2
src/features/following/index.tsx
View File

@ -44,7 +44,7 @@ const Following: React.FC<IFollowing> = ({ params }) => {
if (isUnavailable) {
return (
<div className='empty-column-indicator'>
<div className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300'>
<FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
</div>
);

2
src/features/group/group-gallery.tsx
View File

@ -77,7 +77,7 @@ const GroupGallery: React.FC<IGroupGallery> = (props) => {
))}
{(!isLoading && attachments.length === 0) && (
<div className='empty-column-indicator col-span-2 sm:col-span-3'>
<div className='col-span-2 flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300 sm:col-span-3'>
<FormattedMessage id='account_gallery.none' defaultMessage='No media to show.' />
</div>
)}