From d6c873dd919591166dd541c28b6c93278b168605 Mon Sep 17 00:00:00 2001
From: Adrian Kunz <a.kunz@uni-kassel.de>
Date: Sat, 3 Aug 2024 10:46:02 +0200
Subject: [PATCH] fix(frontend): Defer cookie banner and account ad

---
 apps/frontend/src/app/app.component.html                      | 4 +++-
 .../src/app/dashboard/dashboard/dashboard.component.html      | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/app/app.component.html b/apps/frontend/src/app/app.component.html
index dd8d46fc..0a920f15 100644
--- a/apps/frontend/src/app/app.component.html
+++ b/apps/frontend/src/app/app.component.html
@@ -1,5 +1,7 @@
 <app-navbar></app-navbar>
 <router-outlet></router-outlet>
 <router-outlet name="modal"></router-outlet>
-<app-cookie-banner></app-cookie-banner>
+@defer {
+  <app-cookie-banner></app-cookie-banner>
+}
 <ngbx-toast-list></ngbx-toast-list>
diff --git a/apps/frontend/src/app/dashboard/dashboard/dashboard.component.html b/apps/frontend/src/app/dashboard/dashboard/dashboard.component.html
index 33e5564c..e334fe32 100644
--- a/apps/frontend/src/app/dashboard/dashboard/dashboard.component.html
+++ b/apps/frontend/src/app/dashboard/dashboard/dashboard.component.html
@@ -59,7 +59,7 @@ <h1 class="mb-4">
       </ul>
     </div>
     <div class="col-md-3">
-      @if (!loggedIn) {
+      @defer { @if (!loggedIn) {
         <div class="card">
           <div class="card-body">
             <img class="card-img" src="/assets/artwork/account.svg" alt="Account" width="100%">
@@ -92,7 +92,7 @@ <h5 class="card-title">
             </p>
           </div>
         </div>
-      }
+      }}
       @if (loggedIn && unclaimed && !participated) {
         <div class="alert alert-warning">
           <p>