Summary: This diff is the first out of n for the troubleshooting guide for flipper. What has been done - - Defined a structure for the troubleshooting guide in TroubleshootingGuide.tsx (parent component ) to render children components or the individual questions from here. - The initial screen of the trouble shooting guide along with the 3 sections of questions users face. Clicking them prompts to individual question screens that will be built in future diffs. - Units tests in jest for the rendering of the screens and functions. Reviewed By: mweststrate Differential Revision: D30279739 fbshipit-source-id: 3e317b67e5ac461902c6779eaa584e1032741b85
27 lines
633 B
TypeScript
27 lines
633 B
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import React from 'react';
|
|
import {Modal} from 'antd';
|
|
import {ModalDialog} from '../fb/TroubleshootingGuide';
|
|
|
|
export function Question1(props: {
|
|
toggleModal: (showModal: ModalDialog) => void;
|
|
}) {
|
|
return (
|
|
<Modal
|
|
title="Work in progress Q1 !"
|
|
visible
|
|
width={650}
|
|
footer={null}
|
|
onCancel={() => props.toggleModal('next')}
|
|
bodyStyle={{maxHeight: 800, overflow: 'auto'}}></Modal>
|
|
);
|
|
}
|