Remove DevicesList as it is not used anywhere

Summary: This file is not used in the project and has been replaced by different logic in the DevicesButton.

Reviewed By: passy

Differential Revision: D16730618

fbshipit-source-id: b41c9dcef44690fee1331da2e3d66aa9e1394bad

src/chrome/DevicesList.js

@@ -1,142 +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 {
-  PureComponent,
-  FlexRow,
-  FlexBox,
-  Text,
-  Button,
-  Popover,
-  styled,
-  colors,
-} from 'flipper';
-
-const Heading = styled(Text)({
-  display: 'block',
-  backgroundColor: colors.white,
-  color: colors.light30,
-  fontSize: 11,
-  fontWeight: 600,
-  lineHeight: '21px',
-  padding: '4px 8px 0',
-});
-
-const PopoverItem = styled(FlexRow)({
-  alignItems: 'center',
-  borderBottom: `1px solid ${colors.light05}`,
-  height: 50,
-  '&:last-child': {
-    borderBottom: 'none',
-  },
-});
-
-const ItemTitle = styled(Text)({
-  display: 'block',
-  fontSize: 14,
-  fontWeight: 400,
-  lineHeight: '120%',
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  marginBottom: 1,
-});
-
-const ItemSubtitle = styled(Text)({
-  display: 'block',
-  fontWeight: 400,
-  fontSize: 11,
-  color: colors.light30,
-  lineHeight: '14px',
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-});
-
-const ItemImage = styled(FlexBox)({
-  alignItems: 'center',
-  justifyContent: 'center',
-  width: 40,
-  flexShrink: 0,
-});
-
-const ItemContent = styled('div')({
-  minWidth: 0,
-  paddingRight: 5,
-  flexGrow: 1,
-});
-
-const Section = styled('div')({
-  maxWidth: 260,
-  borderBottom: `1px solid ${colors.light05}`,
-  '&:last-child': {
-    borderBottom: 'none',
-  },
-});
-
-const Action = styled(Button)({
-  border: `1px solid ${colors.macOSTitleBarButtonBorder}`,
-  background: 'transparent',
-  color: colors.macOSTitleBarIconSelected,
-  marginRight: 8,
-  marginLeft: 4,
-  lineHeight: '22px',
-  '&:hover': {
-    background: 'transparent',
-  },
-  '&:active': {
-    background: 'transparent',
-    border: `1px solid ${colors.macOSTitleBarButtonBorder}`,
-  },
-});
-
-type Props = {|
-  sections: Array<{
-    title: string,
-    items: Array<{
-      title: string,
-      subtitle: string,
-      onClick?: Function,
-      icon?: React.Element<*>,
-    }>,
-  }>,
-  onDismiss: Function,
-|};
-
-export default class DevicesList extends PureComponent<Props> {
-  render() {
-    return (
-      <Popover onDismiss={this.props.onDismiss}>
-        {this.props.sections.map(section => {
-          if (section.items.length > 0) {
-            return (
-              <Section key={section.title}>
-                <Heading>{section.title}</Heading>
-                {section.items.map(item => (
-                  <PopoverItem key={item.title}>
-                    <ItemImage>{item.icon}</ItemImage>
-                    <ItemContent>
-                      <ItemTitle>{item.title}</ItemTitle>
-                      <ItemSubtitle>{item.subtitle}</ItemSubtitle>
-                    </ItemContent>
-                    {item.onClick && (
-                      <Action onClick={item.onClick} compact={true}>
-                        Run
-                      </Action>
-                    )}
-                  </PopoverItem>
-                ))}
-              </Section>
-            );
-          } else {
-            return null;
-          }
-        })}
-      </Popover>
-    );
-  }
-}