Upgrade docusaurus to stable

Author: satya164

docusaurus.config.js

@@ -18,18 +18,15 @@ module.exports = {
       id: 'support_ukraine',
       content:
         'Support Ukraine 🇺🇦 <a target="_blank" rel="noopener noreferrer" href="https://opensource.facebook.com/support-ukraine"> Help Provide Humanitarian Aid to Ukraine</a>.',
-      backgroundColor: '#20232a',
-      textColor: '#fff',
-      isCloseable: false,
-    },
-    googleAnalytics: {
-      trackingID: 'UA-10128745-16',
+      backgroundColor: '#e4e0f0',
+      textColor: '#000',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
       darkTheme: require('prism-react-renderer/themes/dracula'),
     },
     algolia: {
+      appId: 'bh4d9od16a',
       apiKey: '2378e3838ac984c220a994bfc0e0420f',
       indexName: 'react-navigation',
       algoliaOptions: {},
@@ -159,10 +156,12 @@ module.exports = {
           includeCurrentVersion: false,
           lastVersion: '6.x',
         },
-        sidebarCollapsible: false,
         theme: {
           customCss: require.resolve('./src/css/custom.css'),
         },
+        googleAnalytics: {
+          trackingID: 'UA-10128745-16',
+        },
       },
     ],
   ],

package.json

@@ -14,14 +14,12 @@
     "fetch-sponsors": "node scripts/fetch-sponsors.js"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.7",
-    "@docusaurus/plugin-google-analytics": "2.0.0-beta.7",
-    "@docusaurus/preset-classic": "2.0.0-beta.7",
-    "@docusaurus/remark-plugin-npm2yarn": "2.0.0-beta.7",
+    "@docusaurus/core": "^2.3.1",
+    "@docusaurus/plugin-google-analytics": "^2.3.1",
+    "@docusaurus/preset-classic": "^2.3.1",
+    "@docusaurus/remark-plugin-npm2yarn": "^2.3.1",
     "@octokit/graphql": "^4.8.0",
     "@react-navigation/core": "^6.0.1",
-    "classnames": "^2.3.1",
-    "docsearch.js": "^2.6.3",
     "escape-html": "^1.0.3",
     "mkdirp": "^1.0.4",
     "netlify-plugin-cache": "^1.0.3",

src/components/LinkingTester.js

@@ -5,7 +5,7 @@ import Editor from 'react-simple-code-editor';
 import Highlight, { defaultProps } from 'prism-react-renderer';
 import github from 'prism-react-renderer/themes/github';
 import dracula from 'prism-react-renderer/themes/dracula';
-import ThemeContext from '@theme/ThemeContext';
+import {useColorMode} from '@docusaurus/theme-common';
 import RouteMap from './RouteMap';
 
 const parse = (value) => eval(`(function() { return ${value}; }())`);
@@ -29,8 +29,8 @@ function Code({ code, theme, language }) {
 }
 
 export default function LinkingTester() {
-  const { isDarkTheme } = React.useContext(ThemeContext);
-  const theme = isDarkTheme ? dracula : github;
+  const {colorMode} = useColorMode();
+  const theme = colorMode === 'dark' ? dracula : github;
 
   const [rawConfig, setRawConfig] = React.useState(
     `{

src/css/custom.css

@@ -24,6 +24,8 @@
   --ifm-home-color-border: #414360;
   --ifm-home-color-black: #25292e;
   --ifm-home-color-white: #f7f7ff;
+
+  --ifm-menu-color-background-active: rgb(107, 82, 174, 0.1);
 }
 
 :root[data-theme='dark'] {
@@ -42,6 +44,22 @@
   --ifm-home-color-border: #f7f7ff;
 }
 
+.menu {
+  font-weight: var(--ifm-font-weight-normal);
+}
+
+.menu::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.menu__list-item-collapsible > .menu__link {
+  font-weight: var(--ifm-font-weight-semibold);
+}
+
+.menu__link--sublist-caret:after {
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
+}
+
 .docusaurus-highlight-code-line {
   background-color: rgb(72, 77, 91);
   display: block;

src/pages/help.js

@@ -55,7 +55,7 @@ export default function Help () {
                post a question to StackOverflow
             </a>.
           </p>
-          
+
         </div>
         {supportLinks && supportLinks.length && (
           <section className="margin-vert--xl">

src/pages/index.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import classnames from 'classnames';
 import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

src/plugins/remark-npm2yarn/index.js

@@ -89,4 +89,4 @@ module.exports = () => {
     return null;
   };
   return transformer;
-};
+};