diff --git a/src/views/board/__tests__/board.test.tsx b/src/views/board/__tests__/board.test.tsx index 9a5ebef8..695b274a 100644 --- a/src/views/board/__tests__/board.test.tsx +++ b/src/views/board/__tests__/board.test.tsx @@ -604,6 +604,7 @@ describe('Board', () => { expect(latestLocation).toBe('/subs'); 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 () => { diff --git a/src/views/board/board.module.css b/src/views/board/board.module.css index 8c77d713..6bc170a0 100644 --- a/src/views/board/board.module.css +++ b/src/views/board/board.module.css @@ -17,6 +17,17 @@ 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 { color: var(--body-font-color); padding-bottom: 5px; diff --git a/src/views/board/board.tsx b/src/views/board/board.tsx index 5934b564..6dc2ce13 100644 --- a/src/views/board/board.tsx +++ b/src/views/board/board.tsx @@ -133,7 +133,9 @@ const BoardFooter = ({ {communityState === 'failed' ? ( {communityState} ) : isInSubscriptionsView && subscriptionsLength === 0 ? ( - {t('not_subscribed_to_any_board')} +
+ {t('not_subscribed_to_any_board')} +
) : isInModView && accountCommunityAddressesLength === 0 ? ( ) : (