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"