From acdaa9eefe424124f0c8efeeed5cf318c97b27a4 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 17 Aug 2023 22:24:35 +0200
Subject: [PATCH] fix: show alert only on self hosted

---
 .../overview/platforms/wizard/apple/step3.svelte         | 4 ++--
 .../overview/platforms/wizard/flutter/step3.svelte       | 9 +++------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
index caceae358..420994b55 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { Mode, MODE } from '$lib/system';
+    import { isSelfHosted } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
     import Id from '$lib/components/id.svelte';
 
@@ -30,7 +30,7 @@ let client = Client()
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    {#if showAlert && MODE === Mode.SELF_HOSTED}
+    {#if showAlert && isSelfHosted}
         <div class="common-section">
             <Alert type="info" dismissible on:dismiss={() => (showAlert = false)}>
                 <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
index 4321d72b1..3d0f0d520 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { Mode, MODE } from '$lib/system';
+    import { isSelfHosted } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
     import Id from '$lib/components/id.svelte';
 
@@ -30,12 +30,9 @@ client
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    {#if showAlert}
+    {#if showAlert && isSelfHosted}
         <div class="common-section">
-            <Alert
-                type="info"
-                dismissible={MODE === Mode.CLOUD}
-                on:dismiss={() => (showAlert = false)}>
+            <Alert type="info" on:dismiss={() => (showAlert = false)}>
                 <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
                 When connecting to a locally hosted Appwrite project from an emulator or a mobile device,
                 you should use the private IP of the device running your Appwrite project as the hostname