[#1698] Fix 'X is defined but never used' warning on a local machine

Author: Kaushal-Dhungel

client/components/Dropdown.jsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'react-router';
 import styled from 'styled-components';
-import { remSize, prop, common } from '../theme';
+import { remSize, prop } from '../theme';
 import IconButton from './mobile/IconButton';
-import Button from '../common/Button';
 
 const DropdownWrapper = styled.ul`
   background-color: ${prop('Modal.background')};

client/components/mobile/Explorer.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import Sidebar from './Sidebar';
 import ConnectedFileNode from '../../modules/IDE/components/FileNode';

client/components/mobile/Footer.jsx

@@ -1,6 +1,5 @@
-import React from 'react';
 import styled from 'styled-components';
-import { prop, grays } from '../../theme';
+import { prop } from '../../theme';
 
 
 const background = prop('MobilePanel.default.background');

client/components/mobile/IDEWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { remSize } from '../../theme';
 

client/components/mobile/Sidebar.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'react-router';
 import styled from 'styled-components';
-import { remSize, prop, common } from '../../theme';
+import { remSize, prop, } from '../../theme';
 import Header from './Header';
 import IconButton from './IconButton';
 import { ExitIcon } from '../../common/icons';

client/components/mobile/Tab.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { Link } from 'react-router';
 import { prop, remSize } from '../../theme';

client/components/mobile/TabSwitcher.jsx

@@ -1,7 +1,6 @@
-import React from 'react';
 import styled from 'styled-components';
 
-import { prop, remSize } from '../../theme';
+import { prop, } from '../../theme';
 
 export default styled.div`
   display: flex;

client/i18n.js

@@ -1,6 +1,5 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
 import Backend from 'i18next-http-backend';
 import { enUS, es, ja } from 'date-fns/locale';
 

client/index.jsx

@@ -8,7 +8,6 @@ import configureStore from './store';
 import routes from './routes';
 import ThemeProvider from './modules/App/components/ThemeProvider';
 import Loader from './modules/App/components/loader';
-import i18n from './i18n';
 
 require('./styles/main.scss');
 

client/modules/IDE/components/PreviewFrame.jsx

@@ -8,7 +8,6 @@ import loopProtect from 'loop-protect';
 import { JSHINT } from 'jshint';
 import decomment from 'decomment';
 import classNames from 'classnames';
-import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { Decode } from 'console-feed';
 import { getBlobUrl } from '../actions/files';