jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove Sandy welcome screen

Browse Source 
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:
Michel Weststrate
2021-04-23 13:11:09 -07:00
committed by Facebook GitHub Bot
parent c005753018
commit ae752f785e
2 changed files with 1 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
desktop/app/src/sandy-chrome/SandyApp.tsx
View File

@@ -29,7 +29,6 @@ import {ContentContainer} from './ContentContainer';
import {Notification} from './notification/Notification';
import {SheetRenderer} from '../chrome/SheetRenderer';
import {hasNewChangesToShow} from '../chrome/ChangelogSheet';
import {SandyWelcomeScreen} from './SandyWelcomeScreen';
import {getVersionString} from '../utils/versionString';
import config from '../fb-stubs/config';
import {WelcomeScreenStaticView} from './WelcomeScreen';
@@ -137,10 +136,7 @@ export function SandyApp() {
return (
<Layout.Top>
<>
<SheetRenderer logger={logger} />
<SandyWelcomeScreen />
</>
<SheetRenderer logger={logger} />
<Layout.Left>
<Layout.Horizontal>
<LeftRail

98
desktop/app/src/sandy-chrome/SandyWelcomeScreen.tsx
View File

@@ -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>
);
}