remove: demo logic.

src/lib/components/bottomModalAlert.svelte

@@ -9,9 +9,11 @@
         dismissBottomModalAlert,
         hideAllModalAlerts
     } from '$lib/stores/bottom-alerts';
+    import { onMount } from 'svelte';
     import { organization } from '$lib/stores/organization';
     import { BillingPlan } from '$lib/constants';
     import { upgradeURL } from '$lib/stores/billing';
+    import { addBottomModalAlerts } from '$routes/(console)/project-[project]/bottomAlerts';
 
     let currentIndex = 0;
     let openModalOnMobile = false;
@@ -57,6 +59,11 @@
                 );
         }
     }
+
+    onMount(() => {
+        addBottomModalAlerts();
+    });
+
 </script>
 
 {#if filteredModalAlerts.length > 0 && currentModalAlert}

src/routes/(console)/project-[project]/+layout.svelte

@@ -3,7 +3,6 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project, stats } from './store';
-    import { addBottomModalAlerts } from './bottomAlerts';
 
     import { goto } from '$app/navigation';
     import { registerCommands, registerSearchers } from '$lib/commandCenter';
@@ -18,8 +17,6 @@
     import { page } from '$app/stores';
     import { base } from '$app/paths';
 
-    addBottomModalAlerts();
-
     onMount(() => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
             if (response.events.includes('stats.connections')) {

src/routes/(console)/project-[project]/bottomAlerts.ts

@@ -1,54 +1,6 @@
-import RolesSampleDark from '$lib/images/samples/roles-dark.png';
-import RolesSampleLight from '$lib/images/samples/roles-light.png';
-import BackupsSampleDark from '$lib/images/samples/backups-dark.png';
-import BackupsSampleLight from '$lib/images/samples/backups-light.png';
-
 import { type BottomModalAlertItem, showBottomModalAlert } from '$lib/stores/bottom-alerts';
 
-const listOfPromotions: BottomModalAlertItem[] = [
-    {
-        id: 'memberRoles',
-        src: {
-            dark: RolesSampleDark,
-            light: RolesSampleLight
-        },
-        title: 'Member roles now on Pro plans',
-        message:
-            'Enhance your workflow and security by assigning roles to members. <br/><b>Try it now for free until Dec 2024.</b>',
-
-        isHtml: true,
-        plan: 'pro',
-        cta: {
-            text: 'Try Now',
-            link: 'https://appwrite.io'
-        },
-        learnMore: {
-            link: 'https://appwrite.io/docs'
-        }
-    },
-
-    {
-        id: 'databaseBackups',
-        src: {
-            dark: BackupsSampleDark,
-            light: BackupsSampleLight
-        },
-        title: 'Database backups now on Pro plans',
-        message:
-            'Protect your data and ensure quick recovery with our new backups. <br/><b>Try it now for free until Nov 2024</b>.',
-
-        isHtml: true,
-        importance: 10,
-        plan: 'pro',
-        cta: {
-            text: 'Try Now',
-            link: 'https://appwrite.io'
-        },
-        learnMore: {
-            link: 'https://appwrite.io/docs'
-        }
-    }
-];
+const listOfPromotions: BottomModalAlertItem[] = [];
 
 export function addBottomModalAlerts() {
     listOfPromotions.forEach((promotion) => showBottomModalAlert(promotion));