mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
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:
@@ -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 () => {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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 />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user