From 771abfb8fb67b72251a5569d096c883abe132454 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 12 Aug 2022 23:25:45 +0200
Subject: [PATCH] Move condition for FeedCarousel to HomePage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/features/feed-filtering/feed-carousel.tsx | 8 +-------
 app/soapbox/pages/home_page.tsx                       | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/app/soapbox/features/feed-filtering/feed-carousel.tsx b/app/soapbox/features/feed-filtering/feed-carousel.tsx
index 7a2b64b2c..02b30e7a1 100644
--- a/app/soapbox/features/feed-filtering/feed-carousel.tsx
+++ b/app/soapbox/features/feed-filtering/feed-carousel.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { replaceHomeTimeline } from 'soapbox/actions/timelines';
-import { useAppDispatch, useAppSelector, useDimensions, useFeatures } from 'soapbox/hooks';
+import { useAppDispatch, useAppSelector, useDimensions } from 'soapbox/hooks';
 import useCarouselAvatars from 'soapbox/queries/carousels';
 
 import { Card, HStack, Icon, Stack, Text } from '../../components/ui';
@@ -59,8 +59,6 @@ const CarouselItem = ({ avatar }: { avatar: any }) => {
 };
 
 const FeedCarousel = () => {
-  const features = useFeatures();
-
   const { data: avatars, isFetching, isError } = useCarouselAvatars();
 
   const [cardRef, setCardRef, { width }] = useDimensions();
@@ -83,10 +81,6 @@ const FeedCarousel = () => {
     }
   }, [width, widthPerAvatar]);
 
-  if (!features.feedUserFiltering) {
-    return null;
-  }
-
   if (isError) {
     return (
       <Card variant='rounded' size='lg' data-testid='feed-carousel-error'>
diff --git a/app/soapbox/pages/home_page.tsx b/app/soapbox/pages/home_page.tsx
index 32b68e486..daa975e71 100644
--- a/app/soapbox/pages/home_page.tsx
+++ b/app/soapbox/pages/home_page.tsx
@@ -58,7 +58,7 @@ const HomePage: React.FC = ({ children }) => {
           </Card>
         )}
 
-        <FeedCarousel />
+        {features.feedUserFiltering && <FeedCarousel />}
 
         {children}