fix: place cards within feed container on unfeatured categories

dailydotdev · Sep 19, 2024 · 54b7ee1 · 54b7ee1
1 parent c5c7500
commit 54b7ee1
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/webapp/pages/squads/discover/[id].tsx b/packages/webapp/pages/squads/discover/[id].tsx
@@ -10,6 +10,7 @@ import { useSources } from '@dailydotdev/shared/src/hooks/source/useSources';
 import InfiniteScrolling, {
   checkFetchMore,
 } from '@dailydotdev/shared/src/components/containers/InfiniteScrolling';
+import { FeedContainer } from '@dailydotdev/shared/src/components';
 import { UnfeaturedSquadGrid } from '@dailydotdev/shared/src/components/cards/squad/UnfeaturedSquadGrid';
 import { Squad } from '@dailydotdev/shared/src/graphql/sources';
 import { NextSeo } from 'next-seo';
@@ -45,9 +46,11 @@ function SquadCategoryPage({ category }: SquadCategoryPageProps): ReactElement {
         fetchNextPage={result.fetchNextPage}
         className="flex w-full !flex-row flex-wrap gap-6"
       >
-        {flatSources?.map(({ node }) => (
-          <UnfeaturedSquadGrid key={node.id} source={node as Squad} />
-        ))}
+        <FeedContainer className="mt-5" inlineHeader>
+          {flatSources?.map(({ node }) => (
+            <UnfeaturedSquadGrid key={node.id} source={node as Squad} />
+          ))}
+        </FeedContainer>
       </InfiniteScrolling>
     </SquadDirectoryLayout>
   );