Exported the styled components to the CollectionSketchList

Author: adityagarg06

client/modules/IDE/components/AddToCollectionList.jsx

@@ -18,13 +18,13 @@ import { remSize } from '../../../theme';
 const projectInCollection = (project, collection) =>
   collection.items.find((item) => item.projectId === project.id) != null;
 
-const CollectionAddSketchWrapper = styled.div`
+export const CollectionAddSketchWrapper = styled.div`
   width: ${remSize(600)};
   max-width: 100%;
   overflow: auto;
 `;
 
-const QuickAddWrapper = styled.div`
+export const QuickAddWrapper = styled.div`
   width: ${remSize(600)};
   max-width: 100%;
   padding: ${remSize(24)};

client/modules/IDE/components/AddToCollectionSketchList.jsx

@@ -5,28 +5,17 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { withTranslation } from 'react-i18next';
 // import find from 'lodash/find';
-import styled from 'styled-components';
 import * as ProjectsActions from '../actions/projects';
 import * as CollectionsActions from '../actions/collections';
 import * as ToastActions from '../actions/toast';
 import * as SortingActions from '../actions/sorting';
 import getSortedSketches from '../selectors/projects';
 import Loader from '../../App/components/loader';
 import QuickAddList from './QuickAddList';
-import { remSize } from '../../../theme';
-
-const CollectionAddSketchWrapper = styled.div`
-  width: ${remSize(600)};
-  max-width: 100%;
-  overflow: auto;
-`;
-
-const QuickAddWrapper = styled.div`
-  width: ${remSize(600)};
-  max-width: 100%;
-  padding: ${remSize(24)};
-  height: 100%;
-`;
+import {
+  CollectionAddSketchWrapper,
+  QuickAddWrapper
+} from './AddToCollectionList';
 
 class SketchList extends React.Component {
   constructor(props) {