fix(board): match subscriptions empty state to catalog search styling

Use the same centered red status treatment as catalog "Nothing Found"
instead of a plain red span in the subscriptions footer.
This commit is contained in:
Tommaso Casaburi
2026-05-21 18:00:01 +07:00
parent 67ddaee673
commit 77e46500e2
3 changed files with 15 additions and 1 deletions
+1
View File
@@ -604,6 +604,7 @@ describe('Board', () => {
expect(latestLocation).toBe('/subs'); expect(latestLocation).toBe('/subs');
expect(container.textContent).toContain('not_subscribed_to_any_board'); expect(container.textContent).toContain('not_subscribed_to_any_board');
expect(container.querySelector('[role="status"]')?.className).toContain('searchNothingFound');
}); });
it('links empty mod feeds to account import settings', async () => { it('links empty mod feeds to account import settings', async () => {
+11
View File
@@ -17,6 +17,17 @@
padding: 15px 0 20px 5px; padding: 15px 0 20px 5px;
} }
.searchNothingFound {
color: red;
display: block;
margin: 0;
padding: 1em 0;
text-align: center;
font-size: x-large;
font-weight: bold;
line-height: normal;
}
.morePostsSuggestion { .morePostsSuggestion {
color: var(--body-font-color); color: var(--body-font-color);
padding-bottom: 5px; padding-bottom: 5px;
+3 -1
View File
@@ -133,7 +133,9 @@ const BoardFooter = ({
{communityState === 'failed' ? ( {communityState === 'failed' ? (
<span className='red'>{communityState}</span> <span className='red'>{communityState}</span>
) : isInSubscriptionsView && subscriptionsLength === 0 ? ( ) : isInSubscriptionsView && subscriptionsLength === 0 ? (
<span className='red'>{t('not_subscribed_to_any_board')}</span> <div className={styles.searchNothingFound} role='status'>
{t('not_subscribed_to_any_board')}
</div>
) : isInModView && accountCommunityAddressesLength === 0 ? ( ) : isInModView && accountCommunityAddressesLength === 0 ? (
<ModEmptyState /> <ModEmptyState />
) : ( ) : (