Fix all docusaurus tabs

Summary: Seems that all tabs were broken after migration to Docusaurus 2.

Reviewed By: jknoxville

Differential Revision: D25586214

fbshipit-source-id: 31a8da4e13fbac01911a03f1f4bab0d2837c9c9a
This commit is contained in:
Michel Weststrate
2020-12-16 07:25:03 -08:00
committed by Facebook GitHub Bot
parent 32a75ecb58
commit 58cbea0017
7 changed files with 137 additions and 49 deletions

View File

@@ -5,6 +5,8 @@ sidebar_label: Adding Flipper to iOS apps
---
import useBaseUrl from '@docusaurus/useBaseUrl';
import Link from '@docusaurus/Link';
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
We support both Swift and Objective-C for Flipper with CocoaPods as build and distribution mechanism.
@@ -86,9 +88,8 @@ This is done to overcome a bug with Xcode 11 which fails to compile swift code w
Install the dependencies by running `pod install`. You can now import and initialize Flipper in your
AppDelegate.
<!--DOCUSAURUS_CODE_TABS-->
<!--Objective-C-->
<Tabs defaultValue="ios" values={[{ label: 'iOS', value: 'ios'}, { label: 'Swift', value: 'swift'}]}>
<TabItem value="ios">
```objective-c
#import <FlipperKit/FlipperClient.h>
@@ -116,7 +117,8 @@ AppDelegate.
@end
```
<!--Swift-->
</TabItem>
<TabItem value="swift">
```swift
import UIKit
@@ -139,7 +141,8 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
}
```
<!--END_DOCUSAURUS_CODE_TABS-->
</TabItem>
</Tabs>
## Enabling plugins

View File

@@ -5,6 +5,8 @@ sidebar_label: React Native for iOS
---
import useBaseUrl from '@docusaurus/useBaseUrl';
import Link from '@docusaurus/Link';
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
These instructions are aimed at people manually adding Flipper to a React Native 0.62+ app.
This should only be necessary if you have an existing app that cannot be upgraded with the
@@ -102,9 +104,8 @@ The code below enables the following integrations:
- Shared Preferences
- Crash Reporter
<!--DOCUSAURUS_CODE_TABS-->
<!--Objective-C-->
<Tabs defaultValue="ios" values={[{ label: 'iOS', value: 'ios'}, { label: 'Swift', value: 'swift'}]}>
<TabItem value="ios">
```objective-c
...
@@ -145,7 +146,8 @@ The code below enables the following integrations:
@end
```
<!--Swift-->
</TabItem>
<TabItem value="swift">
```swift
...
@@ -185,7 +187,8 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
}
```
<!--END_DOCUSAURUS_CODE_TABS-->
</TabItem>
</Tabs>
Lastly, open the Flipper desktop app, and run `yarn ios` in your terminal.