Stuffed component files into respective directories

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "firebase": "^4.9.1",
+    "firebase": "^4.13.1",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-router": "^4.2.0",

src/App.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import SignInPage from './components/sign-in-page';
+// import SignInPage from './components/sign-in-page';
 
 import Fire from './firebase.js';
 

src/components/contact-us.js → src/components/contact-page/contact-us.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import NavBar from './nav-bar';
+import NavBar from '../nav-bar';
 
 export default class ContactUs extends Component {
   render() {

src/components/profile-page.js → src/components/profile-page/profile-page.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import NavBar from './nav-bar';
+import NavBar from '../nav-bar';
 import ProfilePanel from './profile-panel';
-import SignInPanel from './sign-in-panel';
+import SignInPanel from '../sign-in-page/sign-in-panel';
 
 export default class ProfilePage extends Component {
   render() {

src/components/profile-panel.js → src/components/profile-page/profile-panel.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom'
-import Fire from '../firebase.js';
+import Fire from '../../firebase.js';
 
 const database = Fire.database();
 const auth = Fire.auth();

src/components/sign-in-page.js → src/components/sign-in-page/sign-in-page.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import NavBar from './nav-bar';
+import NavBar from '../nav-bar';
 import SignInPanel from './sign-in-panel';
 
 export default class SignInPage extends Component {

src/components/sign-in-panel.js → src/components/sign-in-page/sign-in-panel.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import Fire from '../firebase.js';
+import Fire from '../../firebase.js';
 import { Link } from 'react-router-dom';
 export default class SignInPanel extends Component {
   constructor(props) {

src/components/sign-up-page.js → src/components/sign-up-page/sign-up-page.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import NavBar from './nav-bar';
+import NavBar from '../nav-bar';
 import SignUpPanel from './sign-up-panel';
 
 export default class SignUpPage extends Component {

src/components/sign-up-panel.js → src/components/sign-up-page/sign-up-panel.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import Fire from '../firebase.js';
+import Fire from '../../firebase.js';
 
 const database = Fire.database();
 const auth = Fire.auth();

src/index.js

@@ -4,11 +4,11 @@ import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 import './stylesheets/style.css';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';
-import SignUpPage from './components/sign-up-page';
-import SignInPage from './components/sign-in-page';
-import ProfilePage from './components/profile-page';
+import SignUpPage from './components/sign-up-page/sign-up-page';
+import SignInPage from './components/sign-in-page/sign-in-page';
+import ProfilePage from './components/profile-page/profile-page';
 import About from './components/about';
-import ContactUs from './components/contact-us';
+import ContactUs from './components/contact-page/contact-us';
 import Home from './components/home';
 import Database from './components/database';
 

src/stylesheets/style.css

@@ -91,6 +91,7 @@ body {
   font-size: 2.2rem;
   border: none;
   padding: 10px;
+  text-decoration: none;
 }
 
 @media (max-width: 500px) {