RootPage: update to named export and add props interface

Author: clairep94

client/components/RootPage.tsx

@@ -1,7 +1,11 @@
 import styled from 'styled-components';
 import { prop } from '../theme';
 
-const RootPage = styled.div`
+interface RootPageProps {
+  fixedHeight?: string;
+}
+
+export const RootPage = styled.div<RootPageProps>`
   min-height: 100vh;
   height: ${({ fixedHeight }) => fixedHeight || '100vh'};
   display: flex;
@@ -21,5 +25,3 @@ const RootPage = styled.div`
     }
   }
 `;
-
-export default RootPage;

client/modules/About/pages/About.jsx

@@ -21,7 +21,7 @@ import {
 
 import { ContactSectionLinks, AboutSectionInfo } from '../statics/aboutData';
 import Nav from '../../IDE/components/Header/Nav';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import packageData from '../../../../package.json';
 
 import HeartIcon from '../../../images/heart.svg';

client/modules/IDE/pages/FullView.jsx

@@ -12,7 +12,7 @@ import {
   MessageTypes
 } from '../../../utils/dispatcher';
 import useInterval from '../hooks/useInterval';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 
 function FullView() {
   const dispatch = useDispatch();

client/modules/IDE/pages/IDEView.jsx

@@ -16,7 +16,7 @@ import {
   getProject
 } from '../actions/project';
 import { getIsUserOwner } from '../selectors/users';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import Header from '../components/Header';
 import FloatingActionButton from '../components/FloatingActionButton';
 import Editor from '../components/Editor';

client/modules/Legal/pages/Legal.jsx

@@ -5,7 +5,7 @@ import Helmet from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import { RouterTab } from '../../../common/RouterTab';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import { remSize } from '../../../theme';
 import Loader from '../../App/components/loader';
 import Nav from '../../IDE/components/Header/Nav';

client/modules/User/pages/CollectionView.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 import Nav from '../../IDE/components/Header/Nav';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import Collection from '../components/Collection';
 
 const CollectionView = () => {

client/modules/User/pages/DashboardView.jsx

@@ -10,7 +10,7 @@ import AssetList from '../../IDE/components/AssetList';
 import AssetSize from '../../IDE/components/AssetSize';
 import CollectionList from '../../IDE/components/CollectionList';
 import SketchList from '../../IDE/components/SketchList';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import { newProject } from '../../IDE/actions/project';
 import {
   CollectionSearchbar,

client/modules/User/pages/EmailVerificationView.jsx

@@ -4,7 +4,7 @@ import { useLocation, useHistory } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 import { verifyEmailConfirmation } from '../actions';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 import Nav from '../../IDE/components/Header/Nav';
 
 const EmailVerificationView = () => {

client/modules/User/pages/LoginView.jsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 import LoginForm from '../components/LoginForm';
 import SocialAuthButton from '../components/SocialAuthButton';
 import Nav from '../../IDE/components/Header/Nav';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 
 function LoginView() {
   const { t } = useTranslation();

client/modules/User/pages/NewPasswordView.jsx

@@ -7,7 +7,7 @@ import { useParams } from 'react-router-dom';
 import NewPasswordForm from '../components/NewPasswordForm';
 import { validateResetPasswordToken } from '../actions';
 import Nav from '../../IDE/components/Header/Nav';
-import RootPage from '../../../components/RootPage';
+import { RootPage } from '../../../components/RootPage';
 
 function NewPasswordView() {
   const { t } = useTranslation();