From 992cc54509ae68ae15c754816312e872d86a3f71 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 16 Feb 2024 14:35:39 +0100
Subject: [PATCH] fix: add`is-fixed-layout`class only when alert banner is
 present

---
 src/lib/layout/shell.svelte                               | 7 ++++---
 src/routes/console/+layout.svelte                         | 5 -----
 src/routes/console/organization-[organization]/+layout.ts | 2 +-
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 318ef00007..1106341b33 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -4,6 +4,7 @@
     import { page } from '$app/stores';
     import { log } from '$lib/stores/logs';
     import { wizard } from '$lib/stores/wizard';
+    import { activeHeaderAlert } from '$routes/console/store';
 
     export let isOpen = false;
     export let showSideNavigation = false;
@@ -47,9 +48,9 @@
     class:grid-with-side={showSideNavigation}
     class:is-open={isOpen}
     class:u-hide={$wizard.show || $log.show || $wizard.cover}
-    class:is-fixed-layout={$$slots.alert}>
-    {#if $$slots.alert}
-        <slot name="alert" />
+    class:is-fixed-layout={$activeHeaderAlert?.show}>
+    {#if $activeHeaderAlert?.show}
+        <svelte:component this={$activeHeaderAlert.component} />
     {/if}
     <header class="main-header u-padding-inline-end-0">
         <button
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 2bca1c71db..6630857ec4 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -299,11 +299,6 @@
         !$page.url.pathname.includes('/console/account') &&
         !$page.url.pathname.includes('/console/card') &&
         !$page.url.pathname.includes('/console/onboarding')}>
-    <svelte:fragment slot="alert">
-        {#if $activeHeaderAlert?.show}
-            <svelte:component this={$activeHeaderAlert.component} />
-        {/if}
-    </svelte:fragment>
     <Header slot="header" />
     <SideNavigation slot="side" bind:isOpen />
     <slot />
diff --git a/src/routes/console/organization-[organization]/+layout.ts b/src/routes/console/organization-[organization]/+layout.ts
index cfd2120572..a1b58a737e 100644
--- a/src/routes/console/organization-[organization]/+layout.ts
+++ b/src/routes/console/organization-[organization]/+layout.ts
@@ -19,7 +19,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     if (isCloud) {
         await failedInvoice.load(params.organization);
 
-        if (!get(failedInvoice)) {
+        if (get(failedInvoice)) {
             headerAlert.add({
                 show: true,
                 component: ProjectsAtRisk,