diff --git a/app/soapbox/features/feed-filtering/__tests__/feed-carousel.test.tsx b/app/soapbox/features/feed-filtering/__tests__/feed-carousel.test.tsx
index eb84e7ad0d..d7f439fa20 100644
--- a/app/soapbox/features/feed-filtering/__tests__/feed-carousel.test.tsx
+++ b/app/soapbox/features/feed-filtering/__tests__/feed-carousel.test.tsx
@@ -56,11 +56,31 @@ describe('', () => {
});
it('should render the Carousel', () => {
+ store.carousels = {
+ avatars: [
+ { account_id: '1', acct: 'a', account_avatar: 'https://example.com/some.jpg' },
+ ],
+ };
+
render(, undefined, store);
expect(screen.queryAllByTestId('feed-carousel')).toHaveLength(1);
});
+ describe('with 0 avatars', () => {
+ beforeEach(() => {
+ store.carousels = {
+ avatars: [],
+ };
+ });
+
+ it('renders the error message', () => {
+ render(, undefined, store);
+
+ expect(screen.queryAllByTestId('feed-carousel-error')).toHaveLength(0);
+ });
+ });
+
describe('with a failed request to the API', () => {
beforeEach(() => {
store.carousels = {
diff --git a/app/soapbox/features/feed-filtering/feed-carousel.tsx b/app/soapbox/features/feed-filtering/feed-carousel.tsx
index 803773885f..59c6776ba7 100644
--- a/app/soapbox/features/feed-filtering/feed-carousel.tsx
+++ b/app/soapbox/features/feed-filtering/feed-carousel.tsx
@@ -93,6 +93,10 @@ const FeedCarousel = () => {
);
}
+ if (avatars.length === 0) {
+ return null;
+ }
+
return (