Merge pull request #447 from GeekyAnts/feat/migration-docs

Feat/migration docs
GeekyAnts · Aug 25, 2023 · 6fad949 · 6fad949 · vercel · Aug 25, 2023
2 parents 99a3317 + 3999341
commit 6fad949
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/docs/3.4.x/migration-guide-gluestack-ui.md b/docs/3.4.x/migration-guide-gluestack-ui.md
@@ -0,0 +1,9 @@
+---
+id: migration-guide-gluestack-ui
+title: Migrating to gluestack-ui
+---
+
+`gluestack-ui` comes with major changes in philosophy as well as the API. With gluestack, we have re-imagined how we should code for React Native and the web. Therefore, you might encounter a few changes while migrating from `NativeBase` to `gluestack-ui`. Even though it might seem a bit of tedious work, we promise it will be worth it!
+Please refer to [this](https://geekyants.notion.site/NativeBase-to-gluestack-ui-Migration-Plan-WIP-6409006d9ecc4fb2a559cca6117a3e7c?pvs=4) guide while migrating from `NativeBase` to `gluestack-ui`.
+
+*Migration guide provided is a living document.*
diff --git a/docs/3.4.x/sidebar.json b/docs/3.4.x/sidebar.json
@@ -687,6 +687,11 @@
               "title": "Typography"
             }
           ]
+        },
+        {
+          "id": "migration-guide-gluestack-ui",
+          "title": "Migrating to gluestack-ui",
+          "status": "experimental"
         }
       ]
     },

diff --git a/src/new-components/SidebarBadge.tsx b/src/new-components/SidebarBadge.tsx
@@ -33,6 +33,12 @@ export const SidebarBadge = (props: any) => {
       badgeStyle.content = "Update";
       badgeStyle.props = { ...badgeStyle.props, py: "0.5" };
       break;
+    case "experimental":
+      badgeStyle.variant = "outline";
+      badgeStyle.colorScheme = "cyan";
+      badgeStyle.content = "experimental";
+      badgeStyle.props = { ...badgeStyle.props, py: "0.5" };
+      break;
   }
 
   return (