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