Use modern fb-only components for homepage

Summary: Also removed a weird href on a paragraph.

Reviewed By: mweststrate

Differential Revision: D26125630

fbshipit-source-id: b3fab87cf295f8fdbfe142e8c0a32909ce828a57
This commit is contained in:
Pascal Hartig
2021-01-28 08:18:26 -08:00
committed by Facebook GitHub Bot
parent 7cb2d818af
commit 7142f6310c

View File

@@ -11,11 +11,9 @@ import React from 'react';
import Layout from '@theme/Layout'; import Layout from '@theme/Layout';
import useBaseUrl from '@docusaurus/useBaseUrl'; import useBaseUrl from '@docusaurus/useBaseUrl';
import {usePluginData} from '@docusaurus/useGlobalData'; import {usePluginData} from '@docusaurus/useGlobalData';
import {isInternal} from 'internaldocs-fb-helpers'; import {FbInternalOnly, OssOnly} from 'internaldocs-fb-helpers';
export default function Index() { export default function Index() {
const FB_INTERNAL = isInternal();
return ( return (
<Layout title="Extensible mobile app debugger"> <Layout title="Extensible mobile app debugger">
<div> <div>
@@ -28,16 +26,15 @@ export default function Index() {
desktop interface. Use Flipper as is or extend it using the plugin desktop interface. Use Flipper as is or extend it using the plugin
API. API.
</h2> </h2>
{FB_INTERNAL ? ( <FbInternalOnly>
<h2> <h2>
Facebook employees should download the internal version of Facebook employees should download the internal version of
Flipper from Managed Software Center Flipper from Managed Software Center
</h2> </h2>
) : ( </FbInternalOnly>
<OssOnly>
<div> <div>
<p <p className="landing-btn landing-btn-left landing-btn-label">
className="landing-btn landing-btn-left landing-btn-label"
href="https://www.facebook.com/fbflipper/public/mac">
Download Download
</p> </p>
<a <a
@@ -61,7 +58,7 @@ export default function Index() {
Learn more Learn more
</a> </a>
</div> </div>
)} </OssOnly>
<div className="slideshow"> <div className="slideshow">
<img src={useBaseUrl('img/logs.png')} className="splashScreen" /> <img src={useBaseUrl('img/logs.png')} className="splashScreen" />
<img <img
@@ -160,14 +157,14 @@ export default function Index() {
className="landing-btn primary"> className="landing-btn primary">
Integrate Flipper In Your App Integrate Flipper In Your App
</a> </a>
{FB_INTERNAL ? null : ( <OssOnly>
<a <a
href="https://www.facebook.com/fbflipper/public/mac" href="https://www.facebook.com/fbflipper/public/mac"
target="_blank" target="_blank"
className="landing-btn"> className="landing-btn">
Download Flipper Download Flipper
</a> </a>
)} </OssOnly>
</div> </div>
</div> </div>
</Layout> </Layout>