Docs - Fix development main entry (#3628)

* Fixed docs main entry when in development - was breaking private

* Changed local host matching

* Changed dev main entry to have only prefix

Author: nitzanyiz

docuilib/docusaurus.config.js

@@ -18,6 +18,7 @@ const darkCodeTheme = themes.dracula;
     trailingSlash: false,
     customFields: {
       docsMainEntry: 'getting-started/setup',
+      docsDevelopmentVersion: 'next',
       expoSnackLink: 'https://snack.expo.io/@ethanshar/rnuilib_snack',
       stars: '4.7'
     },

docuilib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-docs",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "main": "./src/index.ts",
   "scripts": {
     "docusaurus": "docusaurus",

docuilib/src/components/MainSection.tsx

@@ -10,7 +10,7 @@ const STARS_COUNT_KEY = 'starsCount';
 
 export default () => {
   const {siteConfig} = useDocusaurusContext();
-  const {expoSnackLink, docsMainEntry} = siteConfig.customFields;
+  const {expoSnackLink, docsMainEntry, docsDevelopmentVersion} = siteConfig.customFields;
   const [starsCount, setStarsCount] = useState(localStorage.getItem(STARS_COUNT_KEY) ?? siteConfig.customFields.stars);
 
   useEffect(() => {
@@ -40,7 +40,7 @@ export default () => {
         </div>
 
         <div className={styles.buttons}>
-          <Link to={`docs/${location.hostname === 'localhost' ? 'next/' : ''}${docsMainEntry}`}>
+          <Link to={`/docs/${location.hostname === 'localhost' ? `${docsDevelopmentVersion}/` : ''}${docsMainEntry}`}>
             <button className={'button dark'}>View Docs</button>
           </Link>