Commit unadded pages

Author: Linda Peng

src/pages/Resources/Resources.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from 'react-query';
 import Search from '../../components/Search';
-import { Sidebar, Main } from '../pageSections';
+import { Sidebar, Main } from '../pageSections/index.js';
 import { Grid, Typography } from '@material-ui/core';
 import { ResourceCard } from './ResourceCard';
 import { getResources } from '../../utils/queries';

src/pages/pageSections/Main/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Grid } from '@material-ui/core';
+
+function Main({ children }) {
+  return (
+    <Grid item lg={9}>
+      {children}
+    </Grid>
+  );
+}
+
+export default Main;
+
+Main.propTypes = {
+  children: PropTypes.node,
+};

src/pages/pageSections/Sidebar/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import PersonalMenu from './PersonalMenu';
+import { Grid } from '@material-ui/core';
+
+function Sidebar() {
+  return (
+    <Grid item lg={3}>
+      <PersonalMenu />
+    </Grid>
+  );
+}
+
+export default Sidebar;

src/pages/pageSections/index.js

@@ -0,0 +1,4 @@
+export { default as Sidebar } from './Sidebar';
+export { default as Nav } from './Nav';
+export { default as Main } from './Main';
+export { default as Footer } from './Footer/index.js';