Transfrom workspace components to ts (#775)

1 files changed, 0 insertions, 153 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.js b/src/features/workspaces/components/WorkspaceDrawerItem.js
deleted file mode 100644
index 22c0a39d9..000000000
--- a/src/features/workspaces/components/WorkspaceDrawerItem.js
+++ /dev/null
@@ -1,153 +0,0 @@
-import { Menu } from '@electron/remote';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
-import injectSheet from 'react-jss';
-import classnames from 'classnames';
-import { defineMessages, injectIntl } from 'react-intl';
-import { altKey, cmdOrCtrlShortcutKey } from '../../../environment';
-
-const messages = defineMessages({
-  noServicesAddedYet: {
-    id: 'workspaceDrawer.item.noServicesAddedYet',
-    defaultMessage: 'No services added yet',
-  },
-  contextMenuEdit: {
-    id: 'workspaceDrawer.item.contextMenuEdit',
-    defaultMessage: 'edit',
-  },
-});
-
-let itemTransition = 'none';
-
-if (window && window.matchMedia('(prefers-reduced-motion: no-preference)')) {
-  itemTransition = 'background-color 300ms ease-out';
-}
-
-const styles = theme => ({
-  item: {
-    height: '67px',
-    padding: `15px ${theme.workspaces.drawer.padding}px`,
-    borderBottom: `1px solid ${theme.workspaces.drawer.listItem.border}`,
-    transition: itemTransition,
-    '&:first-child': {
-      borderTop: `1px solid ${theme.workspaces.drawer.listItem.border}`,
-    },
-    '&:hover': {
-      backgroundColor: theme.workspaces.drawer.listItem.hoverBackground,
-    },
-  },
-  isActiveItem: {
-    backgroundColor: theme.workspaces.drawer.listItem.activeBackground,
-    '&:hover': {
-      backgroundColor: theme.workspaces.drawer.listItem.activeBackground,
-    },
-  },
-  name: {
-    marginTop: '4px',
-    color: theme.workspaces.drawer.listItem.name.color,
-  },
-  activeName: {
-    color: theme.workspaces.drawer.listItem.name.activeColor,
-  },
-  services: {
-    display: 'block',
-    fontSize: '11px',
-    marginTop: '5px',
-    color: theme.workspaces.drawer.listItem.services.color,
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    lineHeight: '15px',
-  },
-  activeServices: {
-    color: theme.workspaces.drawer.listItem.services.active,
-  },
-});
-
-class WorkspaceDrawerItem extends Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    isActive: PropTypes.bool.isRequired,
-    name: PropTypes.string.isRequired,
-    onClick: PropTypes.func.isRequired,
-    services: PropTypes.arrayOf(PropTypes.string).isRequired,
-    onContextMenuEditClick: PropTypes.func,
-    shortcutIndex: PropTypes.number.isRequired,
-  };
-
-  static defaultProps = {
-    onContextMenuEditClick: null,
-  };
-
-  render() {
-    const {
-      classes,
-      isActive,
-      name,
-      onClick,
-      onContextMenuEditClick,
-      services,
-      shortcutIndex,
-    } = this.props;
-
-    const { intl } = this.props;
-
-    const contextMenuTemplate = [
-      {
-        label: name,
-        enabled: false,
-      },
-      {
-        type: 'separator',
-      },
-      {
-        label: intl.formatMessage(messages.contextMenuEdit),
-        click: onContextMenuEditClick,
-      },
-    ];
-
-    const contextMenu = Menu.buildFromTemplate(contextMenuTemplate);
-
-    return (
-      <div
-        className={classnames([
-          classes.item,
-          isActive ? classes.isActiveItem : null,
-        ])}
-        onClick={onClick}
-        onContextMenu={() => onContextMenuEditClick && contextMenu.popup()}
-        data-tip={`${
-          shortcutIndex <= 9
-            ? `(${cmdOrCtrlShortcutKey(false)}+${altKey(
-                false,
-              )}+${shortcutIndex})`
-            : ''
-        }`}
-      >
-        <span
-          className={classnames([
-            classes.name,
-            isActive ? classes.activeName : null,
-          ])}
-        >
-          {name}
-        </span>
-        <span
-          className={classnames([
-            classes.services,
-            isActive ? classes.activeServices : null,
-          ])}
-        >
-          {services.length > 0
-            ? services.join(', ')
-            : intl.formatMessage(messages.noServicesAddedYet)}
-        </span>
-      </div>
-    );
-  }
-}
-
-export default injectIntl(
-  injectSheet(styles, { injectTheme: true })(observer(WorkspaceDrawerItem)),
-);