fix local build, basic theme overrides, header reorder, docusaurus bu…

…mp (#12) * fix local build, basic theme overrides, header reorder, docusaurus bump * add navbar override group, update navbar typography * tweak version switcher and hr design * update page links style, fix text color issues * use docsVersionDropdown in navbar * fix validation warning * footer design tweaks, jsx as default prism language * add native code banner, fix version label design, update notes style * static dark navbar, color fix, docusaurus bump * tweak dark theme, fix page shrinking issue * navbar UI and positioning tweaks, update blog page * sidebar spacing, minor color tweaks
react-native-website-migration · Sep 14, 2020 · f86a7aa · f86a7aa
1 parent f74ba52
commit f86a7aa
Show file tree

Hide file tree

Showing 9 changed files with 933 additions and 245 deletions.
diff --git a/docs/running-on-device.md b/docs/running-on-device.md
@@ -169,7 +169,7 @@ You can also iterate quickly on a device using the development server. You only
 
 When trying to connect to the development server you might get a [red screen with an error](debugging.md#in-app-errors-and-warnings) saying:
 
-> Connection to [http://localhost:8081/debugger-proxy?role=client]() timed out. Are you running node proxy? If you are running on the device, check if you have the right IP address in `RCTWebSocketExecutor.m`.
+> Connection to `http://localhost:8081/debugger-proxy?role=client` timed out. Are you running node proxy? If you are running on the device, check if you have the right IP address in `RCTWebSocketExecutor.m`.
 
 To solve this issue check the following points.
 

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -355,76 +355,52 @@ module.exports = {
   plugins: [],
   themeConfig: {
     announcementBar: {
-      id: 'blm_banner', // Any value that will identify this message.
+      id: 'blm',
+      backgroundColor: '#242526',
+      textColor: '#fff',
       content:
-        'Black Lives Matter. <a href="https://support.eji.org/give/153413/#!/donation/checkout">Support the Equal Justice Initiative.</a>',
-      backgroundColor: '#fafbfc', // Defaults to `#fff`.
+        '<div class="announcement">Black Lives Matter. <a target="_blank" rel="noopener noreferrer" href="https://support.eji.org/give/153413/#!/donation/checkout">Support the Equal Justice Initiative</a>.</div>',
+      isCloseable: false,
+    },
+    prism: {
+      defaultLanguage: 'jsx',
     },
     navbar: {
       title: 'React Native',
       logo: {
         src: 'img/header_logo.svg',
       },
+      style: 'dark',
       items: [
-        {
-          type: 'docsVersion',
-          position: 'left',
-          to: '/versions',
-        },
         {
           to: 'docs/',
           label: 'Docs',
-          position: 'left',
+          position: 'right',
         },
         {
           to: 'docs/components-and-apis',
           label: 'Components',
-          position: 'left',
+          position: 'right',
         },
         {
           to: 'docs/accessibilityinfo',
           label: 'API',
-          position: 'left',
+          position: 'right',
         },
         {
           to: '/help',
           label: 'Community',
-          position: 'left',
+          position: 'right',
         },
         {
           to: '/blog',
           label: 'Blog',
-          position: 'left',
+          position: 'right',
         },
-
         {
-          label: 'Version',
-          to: 'docs',
-          position: 'right',
-          items: [
-            {
-              label: '0.63',
-              to: 'docs/',
-              activeBaseRegex: 'docs/(?!0.60|0.61|0.62|0.63|next)',
-            },
-            {
-              label: '0.62',
-              to: 'docs/0.62/',
-            },
-            {
-              label: '0.61',
-              to: 'docs/0.61/',
-            },
-            {
-              label: '0.60',
-              to: 'docs/0.60/',
-            },
-            {
-              label: 'Master/Unreleased',
-              to: 'docs/next/',
-              activeBaseRegex: 'docs/next/(?!support|team|resources)',
-            },
-          ],
+          type: 'docsVersionDropdown',
+          // TODO: to: '/versions',
+          position: 'left',
         },
         {
           href: 'https://github.com/facebook/react-native',
@@ -438,7 +414,7 @@ module.exports = {
       style: 'dark',
       links: [
         {
-          title: 'DOCS',
+          title: 'Docs',
           items: [
             {
               label: 'Getting Started',
@@ -459,7 +435,7 @@ module.exports = {
           ],
         },
         {
-          title: 'COMMUNITY',
+          title: 'Community',
           items: [
             {
               label: 'The React Native Community',
@@ -485,7 +461,7 @@ module.exports = {
           ],
         },
         {
-          title: 'MORE RESOURCES',
+          title: 'More Resources',
           items: [
             {
               label: 'Blog',

diff --git a/website/package.json b/website/package.json
@@ -9,7 +9,6 @@
     "type": "git",
     "url": "git+https://github.com/facebook/react-native-website.git"
   },
-
   "bugs": {
     "url": "https://github.com/facebook/react-native-website"
   },
@@ -47,8 +46,8 @@
   "dependencies": {
     "highlight.js": "^9.15.10",
     "remarkable": "^2.0.0",
-    "@docusaurus/core": "2.0.0-alpha.61",
-    "@docusaurus/preset-classic": "2.0.0-alpha.61",
+    "@docusaurus/core": "2.0.0-alpha.64",
+    "@docusaurus/preset-classic": "2.0.0-alpha.64",
     "clsx": "^1.1.1",
     "react": "^16.10.2",
     "react-dom": "^16.10.2"