remove intro

Summary: Removing the Intro component. It's not used anywhere and wasn't even exported from the flipper package.

Reviewed By: passy

Differential Revision: D16807181

fbshipit-source-id: 87d4b92e275a364e478a6999a144eb66e3977c66

src/ui/components/intro/intro.js

@@ -1,107 +0,0 @@
-/**
- * Copyright 2018-present Facebook.
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- * @format
- */
-
-import {
-  FlexBox,
-  FlexColumn,
-  FlexRow,
-  Text,
-  View,
-  styled,
-  Glyph,
-  colors,
-  brandColors,
-  PureComponent,
-} from 'flipper';
-
-const Containter = styled(FlexColumn)({
-  fontSize: 17,
-  justifyContent: 'center',
-  marginLeft: 60,
-  marginRight: 60,
-  width: 'auto',
-  fontWeight: 300,
-  lineHeight: '140%',
-  maxWidth: 700,
-  minWidth: 450,
-});
-
-const TitleRow = styled(FlexRow)({
-  alignItems: 'center',
-  marginBottom: 40,
-});
-
-const Icon = styled(FlexBox)({
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: brandColors.Flipper,
-  width: 32,
-  height: 32,
-  flexShrink: 0,
-  borderRadius: 6,
-});
-
-const Title = styled(Text)({
-  fontSize: 30,
-  fontWeight: 300,
-  paddingLeft: 10,
-});
-
-const Button = styled(View)({
-  marginTop: 40,
-  marginBottom: 30,
-  borderRadius: 6,
-  color: colors.white,
-  border: 'none',
-  background: brandColors.Flipper,
-  padding: '10px 30px',
-  fontWeight: 500,
-  fontSize: '1em',
-  alignSelf: 'flex-start',
-});
-
-const Screenshot = styled('img')({
-  alignSelf: 'center',
-  boxShadow: '0 5px 35px rgba(0,0,0,0.3)',
-  borderRadius: 5,
-  border: `1px solid ${colors.macOSTitleBarBorder}`,
-  transform: 'translateX(5px)',
-  overflow: 'hidden',
-  maxHeight: '80%',
-  flexShrink: 0,
-});
-
-type Props = {
-  title: string,
-  icon?: string,
-  screenshot?: ?string,
-  children: React.Node,
-  onDismiss: () => void,
-};
-
-export default class Intro extends PureComponent<Props> {
-  render() {
-    const {icon, children, title, onDismiss, screenshot} = this.props;
-    return (
-      <FlexRow grow={true}>
-        <Containter>
-          <TitleRow>
-            {icon != null && (
-              <Icon>
-                <Glyph name={icon} size={24} color={colors.white} />
-              </Icon>
-            )}
-            <Title>{title}</Title>
-          </TitleRow>
-          {children}
-          <Button onClick={onDismiss}>Let's go</Button>
-        </Containter>
-        {screenshot != null && <Screenshot src={screenshot} />}
-      </FlexRow>
-    );
-  }
-}