patch page function tests, import pages in App

src/App.js

@@ -5,6 +5,13 @@ import config from './config';
 import { Switch, Route } from 'react-router-dom';
 
 import socketIOClient from 'socket.io-client';
+
+import Account from './pages/Account/Account';
+import Game from './pages/Game/Game';
+import Home from './pages/Home/Home';
+import News from './pages/News/News';
+import Room from './pages/Room/Room';
+
 export const socket = socketIOClient(config.apiAddress);
 
 function App() {
@@ -20,12 +27,25 @@ function App() {
       {socketData ? <p>{socketData}</p> : <></>}
       <Switch>
 
-        <Route path="/" exact>
+        <Route path="/account">
-          <p>Index</p>
+          <Account />
         </Route>
 
-        <Route path="/game">
+        <Route path="/rooms">
-          <p>Game</p>
+          <Room />
+        </Route>
+
+        <Route path="/games">
+          <Game />
+        </Route>
+      
+        <Route path="/news">
+          <News />
+        </Route>
+      
+        <Route path="/">
+          {/* Add ternary for login */}
+          <Home />
         </Route>
 
       </Switch>

src/pages/Account/Account.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import './Accounts.scss';
+import './Account.scss';
 
 const Account = () => {
   return (  
     <>
+      <p>Account</p>
     </>
   );
 }

src/pages/Game/Game.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import './Accounts.scss';
+import './Game.scss';
 
 const Game = () => {
   return (  
     <>
+      <p>Game</p>
     </>
   );
 }

src/pages/Home/Home.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import './Accounts.scss';
+import './Home.scss';
 
 const Home = () => {
   return (  
     <>
+      <p>Home</p>
     </>
   );
 }

src/pages/Landing/Landing.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import './Accounts.scss';
-
-const Landing = () => {
-  return (  
-    <>
-    </>
-  );
-}
-
-export default Landing;

src/pages/News/News.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import './News.scss';
+
+const News = () => {
+  return (  
+    <>
+      <p>News</p>
+    </>
+  );
+}
+
+export default News;

src/pages/Room/Room.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import './Accounts.scss';
+import './Room.scss';
 
 const Room = () => {
   return (  
     <>
+      <p>Room</p>
     </>
   );
 }