From fb5e41cc51b828119edb5ca55780ca1b1bf85630 Mon Sep 17 00:00:00 2001
From: Youngteac Hong <susukang98@gmail.com>
Date: Thu, 26 Dec 2024 10:44:44 +0900
Subject: [PATCH] Move iOS and Android SDK to development phase (#181)

---
 components/Layout/Footer.tsx              | 24 +++++++------
 components/Layout/MobileGnbDropdown.tsx   | 44 ++++++++++++-----------
 docs/android-sdk.mdx                      |  1 +
 docs/getting-started.mdx                  |  2 ++
 docs/getting-started/with-android-sdk.mdx |  1 +
 docs/getting-started/with-ios-sdk.mdx     |  1 +
 docs/ios-sdk.mdx                          |  1 +
 7 files changed, 44 insertions(+), 30 deletions(-)

diff --git a/components/Layout/Footer.tsx b/components/Layout/Footer.tsx
index 7d6c131..937b0d6 100644
--- a/components/Layout/Footer.tsx
+++ b/components/Layout/Footer.tsx
@@ -78,16 +78,20 @@ export function Footer({ shortFooter }: { shortFooter?: boolean }): ReactElement
                   JS SDK
                 </Link>
               </li>
-              <li className="site_item">
-                <Link href="/docs/ios-sdk" className="link">
-                  iOS SDK
-                </Link>
-              </li>
-              <li className="site_item">
-                <Link href="/docs/android-sdk" className="link">
-                  Android SDK
-                </Link>
-              </li>
+              {process.env.NODE_ENV === 'development' && (
+                <>
+                  <li className="site_item">
+                    <Link href="/docs/ios-sdk" className="link">
+                      iOS SDK
+                    </Link>
+                  </li>
+                  <li className="site_item">
+                    <Link href="/docs/android-sdk" className="link">
+                      Android SDK
+                    </Link>
+                  </li>
+                </>
+              )}
             </ul>
           </div>
           <div className="site">
diff --git a/components/Layout/MobileGnbDropdown.tsx b/components/Layout/MobileGnbDropdown.tsx
index d08fb56..a2bad92 100644
--- a/components/Layout/MobileGnbDropdown.tsx
+++ b/components/Layout/MobileGnbDropdown.tsx
@@ -87,26 +87,30 @@ export function MobileGnbDropdown({ isLoggedIn }: { isLoggedIn: boolean }) {
                       JS SDK
                     </Link>
                   </li>
-                  <li className="navigator_group">
-                    <Link
-                      href="/docs/ios-sdk"
-                      className={classNames('navigator_item', 'add_icon', {
-                        is_active: asPath.startsWith(`/docs/ios-sdk`),
-                      })}
-                    >
-                      iOS SDK
-                    </Link>
-                  </li>
-                  <li className="navigator_group">
-                    <Link
-                      href="/docs/android-sdk"
-                      className={classNames('navigator_item', 'add_icon', {
-                        is_active: asPath.startsWith(`/docs/android-sdk`),
-                      })}
-                    >
-                      Android SDK
-                    </Link>
-                  </li>
+                  {process.env.NODE_ENV === 'development' && (
+                    <>
+                      <li className="navigator_group">
+                        <Link
+                          href="/docs/ios-sdk"
+                          className={classNames('navigator_item', 'add_icon', {
+                            is_active: asPath.startsWith(`/docs/ios-sdk`),
+                          })}
+                        >
+                          iOS SDK
+                        </Link>
+                      </li>
+                      <li className="navigator_group">
+                        <Link
+                          href="/docs/android-sdk"
+                          className={classNames('navigator_item', 'add_icon', {
+                            is_active: asPath.startsWith(`/docs/android-sdk`),
+                          })}
+                        >
+                          Android SDK
+                        </Link>
+                      </li>
+                    </>
+                  )}
                   <li className="navigator_group">
                     <Link
                       href="/docs/devtools"
diff --git a/docs/android-sdk.mdx b/docs/android-sdk.mdx
index d8e15c8..eb92a06 100644
--- a/docs/android-sdk.mdx
+++ b/docs/android-sdk.mdx
@@ -1,6 +1,7 @@
 ---
 title: 'Android SDK'
 order: 50
+phase: development
 ---
 
 ## Android SDK
diff --git a/docs/getting-started.mdx b/docs/getting-started.mdx
index 2f5d692..fff4b71 100644
--- a/docs/getting-started.mdx
+++ b/docs/getting-started.mdx
@@ -10,5 +10,7 @@ Welcome to Yorkie! In this guide, we will walk you through the steps to install
 You can choose your preferred technology from the options below:
 
 - [with JS SDK](/docs/getting-started/with-js-sdk)
+
+iOS and Android SDKs are coming soon. Stay tuned!
 - [with iOS SDK](/docs/getting-started/with-ios-sdk)
 - [with Android SDK](/docs/getting-started/with-android-sdk)
diff --git a/docs/getting-started/with-android-sdk.mdx b/docs/getting-started/with-android-sdk.mdx
index a54e095..1873758 100644
--- a/docs/getting-started/with-android-sdk.mdx
+++ b/docs/getting-started/with-android-sdk.mdx
@@ -1,6 +1,7 @@
 ---
 title: 'with Android SDK'
 order: 23
+phase: development
 ---
 
 ## Getting Started with Android SDK
diff --git a/docs/getting-started/with-ios-sdk.mdx b/docs/getting-started/with-ios-sdk.mdx
index 616d8ea..9143c0d 100644
--- a/docs/getting-started/with-ios-sdk.mdx
+++ b/docs/getting-started/with-ios-sdk.mdx
@@ -1,6 +1,7 @@
 ---
 title: 'with iOS SDK'
 order: 22
+phase: development
 ---
 
 ## Getting Started with iOS SDK
diff --git a/docs/ios-sdk.mdx b/docs/ios-sdk.mdx
index a9c9829..0e5b880 100644
--- a/docs/ios-sdk.mdx
+++ b/docs/ios-sdk.mdx
@@ -1,6 +1,7 @@
 ---
 title: 'iOS SDK'
 order: 40
+phase: development
 ---
 
 ## iOS SDK