Moved subcomponents to a new subcomponent folder

src/components/About.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import './css/About.css';
-import Theater from './Theater';
+import Theater from './subcomponents/Theater';
-import Card from './Card';
+import Card from './subcomponents/Card';
 
 
 class About extends React.Component {

src/components/App.js

@@ -4,6 +4,7 @@ import Navigation from './Navigation';
 import Home from './Home';
 import Github from './Github';
 import About from './About';
+import Social from './Social';
 
 const App = (props) => {
   return (
@@ -14,6 +15,7 @@ const App = (props) => {
           <Route path="/" exact component={Home} />
           <Route path="/github" component={Github} />
           <Route path="/about" component={About} />
+          <Route path="/social" component={Social} />
         </Switch>
       </div>
     </BrowserRouter>

src/components/Github.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { connect } from 'react-redux';
 import './css/Github.css';
 import {getRepos, getRepoLanguages} from '../actions';
-import Theater from './Theater';
+import Theater from './subcomponents/Theater';
 import _ from 'lodash';
 class Github extends React.Component {
 

src/components/Home.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Theater from './Theater';
+import Theater from './subcomponents/Theater';
 import './css/Home.css';
 
 const Home = (props) => {

src/components/Navigation.js

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 import {toggleContactModal} from '../actions'
 import './css/Navigation.css';
 import { HouseDoor, FileEarmarkPerson, Github, Envelope, Share } from 'react-bootstrap-icons';
-import ContactModal from './ContactModal';
+import ContactModal from './subcomponents/ContactModal';
 
 const Navigation = (props) => {
 

src/components/subcomponents/Card.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import './css/Card.css';
+import '../css/Card.css';
 
 const Card = (props) => {
     return (

src/components/subcomponents/ContactModal.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import Modal from './Modal';
-import {toggleContactModal, updateEmailBody} from '../actions'
+import {toggleContactModal, updateEmailBody} from '../../actions'
 
 const ContactModal = props => {
     const onSubmit = (e) => {

src/components/subcomponents/Modal.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './css/Modal.css';
+import '../css/Modal.css';
 
 const Modal = props => {
   return ReactDOM.createPortal(

src/components/subcomponents/Theater.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import './css/Theater.css';
+import '../css/Theater.css';
 
 const Theater = (props) => {