Remove Sandy welcome screen
Summary: Dropped the welcome-to-the-Sandy-redesign screen, should be pretty well established by now :) Reviewed By: nikoant Differential Revision: D27966658 fbshipit-source-id: 8f8943cbb242ef5625f0c19ffe4aed28e320377f
This commit is contained in:
committed by
Facebook GitHub Bot
parent
c005753018
commit
ae752f785e
@@ -29,7 +29,6 @@ import {ContentContainer} from './ContentContainer';
|
|||||||
import {Notification} from './notification/Notification';
|
import {Notification} from './notification/Notification';
|
||||||
import {SheetRenderer} from '../chrome/SheetRenderer';
|
import {SheetRenderer} from '../chrome/SheetRenderer';
|
||||||
import {hasNewChangesToShow} from '../chrome/ChangelogSheet';
|
import {hasNewChangesToShow} from '../chrome/ChangelogSheet';
|
||||||
import {SandyWelcomeScreen} from './SandyWelcomeScreen';
|
|
||||||
import {getVersionString} from '../utils/versionString';
|
import {getVersionString} from '../utils/versionString';
|
||||||
import config from '../fb-stubs/config';
|
import config from '../fb-stubs/config';
|
||||||
import {WelcomeScreenStaticView} from './WelcomeScreen';
|
import {WelcomeScreenStaticView} from './WelcomeScreen';
|
||||||
@@ -137,10 +136,7 @@ export function SandyApp() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout.Top>
|
<Layout.Top>
|
||||||
<>
|
<SheetRenderer logger={logger} />
|
||||||
<SheetRenderer logger={logger} />
|
|
||||||
<SandyWelcomeScreen />
|
|
||||||
</>
|
|
||||||
<Layout.Left>
|
<Layout.Left>
|
||||||
<Layout.Horizontal>
|
<Layout.Horizontal>
|
||||||
<LeftRail
|
<LeftRail
|
||||||
|
|||||||
@@ -1,98 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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 {BugOutlined, SettingOutlined} from '@ant-design/icons';
|
|
||||||
import {Modal, Button, Checkbox, Typography} from 'antd';
|
|
||||||
import React, {useState} from 'react';
|
|
||||||
import constants from '../fb-stubs/constants';
|
|
||||||
import {NUX, Layout, theme} from 'flipper-plugin';
|
|
||||||
import {useLocalStorageState} from 'flipper-plugin';
|
|
||||||
|
|
||||||
const {Title, Text, Link} = Typography;
|
|
||||||
|
|
||||||
export function SandyWelcomeScreen() {
|
|
||||||
const [dismissed, setDismissed] = useState(false);
|
|
||||||
const [showWelcomeScreen, setShowWelcomeScreen] = useLocalStorageState(
|
|
||||||
'flipper-sandy-show-welcome-screen',
|
|
||||||
true,
|
|
||||||
);
|
|
||||||
const [dontShowNextTime, setDontShowNextTime] = useState(true);
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
closable={true}
|
|
||||||
visible={!dismissed && showWelcomeScreen}
|
|
||||||
onCancel={() => {
|
|
||||||
setDismissed(true);
|
|
||||||
}}
|
|
||||||
footer={
|
|
||||||
<>
|
|
||||||
<Checkbox
|
|
||||||
checked={dontShowNextTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setDontShowNextTime(e.target.checked);
|
|
||||||
}}>
|
|
||||||
Don't show this dialog in the future
|
|
||||||
</Checkbox>
|
|
||||||
<Button
|
|
||||||
onClick={() => {
|
|
||||||
setDismissed(true);
|
|
||||||
setShowWelcomeScreen(!dontShowNextTime);
|
|
||||||
}}>
|
|
||||||
Dismiss
|
|
||||||
</Button>
|
|
||||||
</>
|
|
||||||
}>
|
|
||||||
<Layout.Container gap={theme.space.large}>
|
|
||||||
<Title>Welcome to the new Flipper design</Title>
|
|
||||||
<Text>
|
|
||||||
Flipper has a fresh look and feel! It should provide a smoother, more
|
|
||||||
intuitive experience. So make sure to check out the{' '}
|
|
||||||
<NUX
|
|
||||||
title="Lightbulbs provide hints about certain UI elements."
|
|
||||||
placement="bottom">
|
|
||||||
<Button disabled size="small">
|
|
||||||
lightbulbs
|
|
||||||
</Button>
|
|
||||||
</NUX>{' '}
|
|
||||||
to find new or improved features.
|
|
||||||
</Text>
|
|
||||||
<Text>
|
|
||||||
{constants.IS_PUBLIC_BUILD ? (
|
|
||||||
<>
|
|
||||||
Feel free let us know your thoughts about the new experience on{' '}
|
|
||||||
<Link href="https://github.com/facebook/flipper/issues/new/choose">
|
|
||||||
GitHub
|
|
||||||
</Link>
|
|
||||||
!
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
Feel free let us know your thoughts about the new experience on{' '}
|
|
||||||
<Link href="https://www.internalfb.com/papercuts?application=flipper">
|
|
||||||
Papercuts
|
|
||||||
</Link>{' '}
|
|
||||||
or by using the{' '}
|
|
||||||
<Button icon={<BugOutlined />} disabled size="small" /> Feedback
|
|
||||||
button!
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</Text>
|
|
||||||
<Text>
|
|
||||||
For plugin developers, the new design means that the full{' '}
|
|
||||||
<Link href="https://ant.design/components/overview/">
|
|
||||||
Ant Design Component Library
|
|
||||||
</Link>{' '}
|
|
||||||
is available to write beautiful plugins. Check our{' '}
|
|
||||||
<Link href="https://fbflipper.com/docs/tutorial/intro">guide</Link> on
|
|
||||||
how to write plugins.
|
|
||||||
</Text>
|
|
||||||
</Layout.Container>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user