feat(SW-1543): move auth check within component to be suspended

components/Blocks/JoinScandicFriends/index.tsx

@@ -1,3 +1,5 @@
+import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
+
 import { SurpriseIcon } from "@/components/Icons"
 import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
@@ -15,9 +17,14 @@ interface JoinScandicFriendsProps {
   content: JoinScandicFriends
 }
 
-export default function JoinScandicFriends({
+export default async function JoinScandicFriends({
   content,
 }: JoinScandicFriendsProps) {
+  const session = await getProfileSafely()
+  if (session) {
+    return null
+  }
+
   const { show_header, show_usp, usp, primary_button } = content
 
   return (

components/Blocks/index.tsx

@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import CardsGrid from "@/components/Blocks/CardsGrid"
 import CarouselCards from "@/components/Blocks/CarouselCards"
 import DynamicContent from "@/components/Blocks/DynamicContent"
@@ -106,7 +108,11 @@ export default function Blocks({ blocks }: BlocksProps) {
       case BlocksEnums.block.FullWidthCampaign:
         return <FullWidthCampaign content={block.full_width_campaign} />
       case BlocksEnums.block.JoinScandicFriends:
-        return <JoinScandicFriends content={block.join_scandic_friends} />
+        return (
+          <Suspense>
+            <JoinScandicFriends content={block.join_scandic_friends} />
+          </Suspense>
+        )
       default:
         return null
     }

components/ContentType/StartPage/startPage.module.css

@@ -55,6 +55,10 @@
   }
 }
 
+.section:empty {
+  display: none;
+}
+
 .section {
   margin-left: auto;
   margin-right: auto;