client/modules/App/components/Loader: update types and to named export

Author: clairep94

client/index.jsx

@@ -8,7 +8,7 @@ import browserHistory from './browserHistory';
 import { setupStore } from './store';
 import Routing from './routes';
 import { ThemeProvider } from './modules/App/components/ThemeProvider';
-import Loader from './modules/App/components/loader';
+import { Loader } from './modules/App/components/Loader';
 import './i18n';
 import { SkipLink } from './components/SkipLink';
 

client/modules/App/components/Loader.tsx

@@ -44,12 +44,11 @@ const LoaderCircle = styled.div`
   }
 `;
 
-const Loader = () => (
+export const Loader = () => (
   <Container>
     <LoaderWrapper>
       <LoaderCircle />
       <LoaderCircle />
     </LoaderWrapper>
   </Container>
 );
-export default Loader;

client/modules/IDE/components/AddToCollectionList.jsx

@@ -4,7 +4,7 @@ import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import styled from 'styled-components';
-import Loader from '../../App/components/loader';
+import { Loader } from '../../App/components/Loader';
 import {
   addToCollection,
   getCollections,

client/modules/IDE/components/AddToCollectionSketchList.jsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { addToCollection, removeFromCollection } from '../actions/collections';
 import { getProjects } from '../actions/projects';
 import getSortedSketches from '../selectors/projects';
-import Loader from '../../App/components/loader';
+import { Loader } from '../../App/components/Loader';
 import QuickAddList from './QuickAddList';
 import {
   CollectionAddSketchWrapper,

client/modules/IDE/components/AssetList.jsx

@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 import AssetListRow from './AssetListRow';
-import Loader from '../../App/components/loader';
+import { Loader } from '../../App/components/Loader';
 import * as AssetActions from '../actions/assets';
 
 const AssetList = () => {

client/modules/IDE/components/CollectionList/CollectionList.jsx

@@ -12,7 +12,7 @@ import * as CollectionsActions from '../../actions/collections';
 import * as ToastActions from '../../actions/toast';
 import * as SortingActions from '../../actions/sorting';
 import getSortedCollections from '../../selectors/collections';
-import Loader from '../../../App/components/loader';
+import { Loader } from '../../../App/components/Loader';
 import Overlay from '../../../App/components/Overlay';
 import AddToCollectionSketchList from '../AddToCollectionSketchList';
 import { SketchSearchbar } from '../Searchbar';

client/modules/IDE/components/SketchList.jsx

@@ -11,7 +11,7 @@ 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 { Loader } from '../../App/components/Loader';
 import Overlay from '../../App/components/Overlay';
 import AddToCollectionList from './AddToCollectionList';
 import ArrowUpIcon from '../../../images/sort-arrow-up.svg';

client/modules/Legal/pages/Legal.tsx

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import { RouterTab } from '../../../common/RouterTab';
 import { RootPage } from '../../../components/RootPage';
 import { remSize } from '../../../theme';
-import Loader from '../../App/components/loader';
+import { Loader } from '../../App/components/Loader';
 import Nav from '../../IDE/components/Header/Nav';
 import { PolicyContainer } from '../components/PolicyContainer';
 

client/modules/User/components/Collection.jsx

@@ -7,7 +7,7 @@ import classNames from 'classnames';
 import * as CollectionsActions from '../../IDE/actions/collections';
 import * as SortingActions from '../../IDE/actions/sorting';
 import { getCollection } from '../../IDE/selectors/collections';
-import Loader from '../../App/components/loader';
+import { Loader } from '../../App/components/Loader';
 import ArrowUpIcon from '../../../images/sort-arrow-up.svg';
 import ArrowDownIcon from '../../../images/sort-arrow-down.svg';
 import CollectionMetadata from './CollectionMetadata';