From ff5b40beea6bcb6bd06f39acad5ec43f64be8e80 Mon Sep 17 00:00:00 2001
From: dshukertjr <18113850+dshukertjr@users.noreply.github.com>
Date: Tue, 13 Jun 2023 14:35:08 +0900
Subject: [PATCH] move iOS, Android, web deep link configurations in a tab

---
 .../tutorials/with-flutter.mdx                | 67 +++++++++++--------
 1 file changed, 38 insertions(+), 29 deletions(-)

diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-flutter.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-flutter.mdx
index 72792b7d1c2..4d5d21d80ea 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-flutter.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-flutter.mdx
@@ -53,34 +53,14 @@ First, add `io.supabase.flutterquickstart://login-callback/` as a new [redirect
 
 That is it on Supabase's end and the rest are platform specific settings:
 
-For Android, edit the `android/app/src/main/AndroidManifest.xml` file.
-
-Add an intent-filter to enable deep linking:
-
-```xml android/app/src/main/AndroidManifest.xml
-<manifest ...>
-  <!-- ... other tags -->
-  <application ...>
-    <activity ...>
-      <!-- ... other tags -->
-
-      <!-- Add this intent-filter for Deep Links -->
-      <intent-filter>
-        <action android:name="android.intent.action.VIEW" />
-        <category android:name="android.intent.category.DEFAULT" />
-        <category android:name="android.intent.category.BROWSABLE" />
-        <!-- Accepts URIs that begin with YOUR_SCHEME://YOUR_HOST -->
-        <data
-          android:scheme="io.supabase.flutterquickstart"
-          android:host="login-callback" />
-      </intent-filter>
-
-    </activity>
-  </application>
-</manifest>
-```
-
-For iOS, edit the ios/Runner/Info.plist file.
+<Tabs
+  scrollable
+  size="small"
+  type="underlined"
+  defaultActiveId="ios"
+>
+<TabPanel id="ios" label="iOS">
+Edit the `ios/Runner/Info.plist` file.
 
 Add CFBundleURLTypes to enable deep linking:
 
@@ -106,10 +86,39 @@ Add CFBundleURLTypes to enable deep linking:
 </dict>
 </plist>
 ```
+</TabPanel>
+<TabPanel id="android" label="Android">
+Edit the `android/app/src/main/AndroidManifest.xml` file.
 
-For web:
+Add an intent-filter to enable deep linking:
 
+```xml android/app/src/main/AndroidManifest.xml
+<manifest ...>
+  <!-- ... other tags -->
+  <application ...>
+    <activity ...>
+      <!-- ... other tags -->
+
+      <!-- Add this intent-filter for Deep Links -->
+      <intent-filter>
+        <action android:name="android.intent.action.VIEW" />
+        <category android:name="android.intent.category.DEFAULT" />
+        <category android:name="android.intent.category.BROWSABLE" />
+        <!-- Accepts URIs that begin with YOUR_SCHEME://YOUR_HOST -->
+        <data
+          android:scheme="io.supabase.flutterquickstart"
+          android:host="login-callback" />
+      </intent-filter>
+
+    </activity>
+  </application>
+</manifest>
+```
+</TabPanel>
+<TabPanel id="web" label="Web">
 There are no additional configurations.
+</TabPanel>
+</Tabs>
 
 ### Main function