From 02b5da174f82234d750a7c83203a3fe4e2bbcea6 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 21 Aug 2024 13:05:01 +0200
Subject: [PATCH] fix: react native flow

---
 .../project-[project]/overview/onboard.svelte          |  5 +++++
 .../project-[project]/overview/platforms/+page.svelte  |  2 ++
 .../platforms/wizard/react-native/step3.svelte         | 10 +++++-----
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[project]/overview/onboard.svelte b/src/routes/(console)/project-[project]/overview/onboard.svelte
index 490c3e9df..995606d82 100644
--- a/src/routes/(console)/project-[project]/overview/onboard.svelte
+++ b/src/routes/(console)/project-[project]/overview/onboard.svelte
@@ -35,6 +35,11 @@
             title: 'Android',
             icon: 'color/android',
             platform: Platform.Android
+        },
+        {
+            title: 'React Native',
+            icon: 'color/react',
+            platform: Platform.ReactNative
         }
     ];
 
diff --git a/src/routes/(console)/project-[project]/overview/platforms/+page.svelte b/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
index d263f9673..144503b1d 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
@@ -66,6 +66,8 @@
     const getPlatformInfo = (platform: string) => {
         if (platform.includes('flutter')) {
             return 'color/flutter';
+        } else if (platform.includes('react-native')) {
+            return 'color/react';
         } else if (platform.includes('apple')) {
             return 'color/apple';
         } else if (platform.includes('android')) {
diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
index 0be05d43c..8b2357c64 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
@@ -9,11 +9,11 @@
     const { endpoint, project } = sdk.forProject.client.config;
     const code = `import { Client, Account, ID } from 'react-native-appwrite';
 
-    const client = new Client();
-    const client
-      .setEndpoint('${endpoint}')
-      .setProject('${project}')
-      .setPlatform('${$createPlatform.key}');`;
+const client = new Client();
+const client
+    .setEndpoint('${endpoint}')
+    .setProject('${project}')
+    .setPlatform('${$createPlatform.key}');`;
 
     let showAlert = true;
 </script>