From f1e82978007010bd3fa3eae5095d21cc81893b4d Mon Sep 17 00:00:00 2001
From: John Knox <jknox@fb.com>
Date: Sat, 4 Apr 2020 02:29:04 -0700
Subject: [PATCH] Fix broken links on website and github readme

Summary:
The url for the getting started page was changed yesterday. (no longer getting-started.html)
This fixes some links that were broken because of it.

Reviewed By: cekkaewnumchai

Differential Revision: D20855343

fbshipit-source-id: 788efb75f3581e4fe6cecd5f69f11dd64b03e7df
---
 README.md                                |  2 +-
 desktop/app/src/MenuBar.tsx              |  4 +---
 desktop/app/src/chrome/WelcomeScreen.tsx |  4 +---
 docs/troubleshooting.md                  |  4 ++--
 website/core/Footer.js                   |  2 +-
 website/pages/en/index.js                | 10 +++++-----
 6 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index e549f1673..8ceb61ece 100644
--- a/README.md
+++ b/README.md
@@ -50,7 +50,7 @@ This repository includes all parts of Flipper. This includes:
 
 # Getting started
 
-Please refer to our [Getting Started guide](https://fbflipper.com/docs/getting-started.html) to set up Flipper.
+Please refer to our [Getting Started guide](https://fbflipper.com/docs/getting-started/) to set up Flipper.
 
 ## Requirements
 
diff --git a/desktop/app/src/MenuBar.tsx b/desktop/app/src/MenuBar.tsx
index be4c664f8..fc7dd5f30 100644
--- a/desktop/app/src/MenuBar.tsx
+++ b/desktop/app/src/MenuBar.tsx
@@ -360,9 +360,7 @@ function getTemplate(
         {
           label: 'Getting started',
           click: function () {
-            shell.openExternal(
-              'https://fbflipper.com/docs/getting-started.html',
-            );
+            shell.openExternal('https://fbflipper.com/docs/getting-started/');
           },
         },
         {
diff --git a/desktop/app/src/chrome/WelcomeScreen.tsx b/desktop/app/src/chrome/WelcomeScreen.tsx
index 6f0849a21..7c3ceabb7 100644
--- a/desktop/app/src/chrome/WelcomeScreen.tsx
+++ b/desktop/app/src/chrome/WelcomeScreen.tsx
@@ -166,9 +166,7 @@ export default class WelcomeScreen extends PureComponent<Props, State> {
           <Item
             onClick={() =>
               shell &&
-              shell.openExternal(
-                'https://fbflipper.com/docs/getting-started.html',
-              )
+              shell.openExternal('https://fbflipper.com/docs/getting-started/')
             }>
             <Icon size={20} name="tools" color={brandColors.Flipper} />
             <FlexColumn>
diff --git a/docs/troubleshooting.md b/docs/troubleshooting.md
index 0a1fc115d..4c14ebdb0 100644
--- a/docs/troubleshooting.md
+++ b/docs/troubleshooting.md
@@ -40,7 +40,7 @@ On a terminal, run the following:
 ```bash
 adb shell am start -n <APP_PACKAGE>/com.facebook.flipper.android.diagnostics.FlipperDiagnosticActivity
 ```
-This will only work if you added `FlipperDiagnosticActivity` to your `AndroidManifest.xml`. See [getting started](getting-started.html) for help.
+This will only work if you added `FlipperDiagnosticActivity` to your `AndroidManifest.xml`. See [getting started](getting-started/) for help.
 
 #### iOS
 You'll need to manually add this [ViewController](https://github.com/facebook/flipper/blob/master/iOS/FlipperKit/FlipperDiagnosticsViewController.m) to your app to see the in-app diagnostics.
@@ -91,7 +91,7 @@ debugImplementation('com.facebook.flipper:flipper:*') {
 
 ### Build errors in React Native
 
-If you experience errors such as `Undefined symbol: associated type descriptor for FloatLiteralType` or `Undefined symbol: __swift_FORCE_LOAD_$_swiftCompatibility50` after going through the [Getting Started](/docs/getting-started.html) tutorial you must do as follows:
+If you experience errors such as `Undefined symbol: associated type descriptor for FloatLiteralType` or `Undefined symbol: __swift_FORCE_LOAD_$_swiftCompatibility50` after going through the [Getting Started](/docs/getting-started/) tutorial you must do as follows:
 
 1. Open your project in Xcode;
 1. Click in your project's name on the left side;
diff --git a/website/core/Footer.js b/website/core/Footer.js
index 37725abd5..05bd86949 100644
--- a/website/core/Footer.js
+++ b/website/core/Footer.js
@@ -36,7 +36,7 @@ class Footer extends React.Component {
           </a>
           <div>
             <h5>Docs</h5>
-            <a href="/docs/getting-started.html">Getting Started</a>
+            <a href="/docs/getting-started/">Getting Started</a>
             <a href="/docs/extending/js-setup.html">Creating Plugins</a>
           </div>
           <div>
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index b1aa4ec4d..10cc804e1 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -17,10 +17,10 @@ class Index extends React.Component {
           <div className="content">
             <h1>Extensible mobile app&nbsp;debugger</h1>
             <h2>
-              Flipper is a platform for debugging iOS, Android
-              and React Native apps. Visualize, inspect, and control your apps
-              from a simple desktop interface. Use Flipper as is or extend it
-              using the plugin API.
+              Flipper is a platform for debugging iOS, Android and React Native
+              apps. Visualize, inspect, and control your apps from a simple
+              desktop interface. Use Flipper as is or extend it using the plugin
+              API.
             </h2>
             <div className="row">
               <p
@@ -128,7 +128,7 @@ class Index extends React.Component {
           </div>
         </div>
         <div className="wrapper landing-cta">
-          <a href="/docs/getting-started.html" className="landing-btn primary">
+          <a href="/docs/getting-started/" className="landing-btn primary">
             Integrate Flipper In Your App
           </a>
           <a