feat(#41): added routes (#20)

src/config/pages.tsx

@@ -1,5 +1,9 @@
 export const PAGES = {
-  home: '/home',
+  home: '/',
   login: '/login',
+  match: '/matches',
+  player: '/players',
   register: '/register',
+  team: '/teams',
+  tournament: '/tournaments',
 }

src/features/App/AuthenticatedApp.tsx

@@ -8,12 +8,28 @@ import {
 import { PAGES } from 'config'
 
 import { HomePage } from 'features/HomePage'
+import { TeamPage } from 'features/TeamPage'
+import { MatchPage } from 'features/MatchPage'
+import { PlayerPage } from 'features/PlayerPage'
+import { TournamentPage } from 'features/TournamentPage'
 
 export const AuthenticatedApp = () => (
   <Switch>
-    <Route path={PAGES.home}>
+    <Route exact path={PAGES.home}>
       <HomePage />
     </Route>
+    <Route path={`${PAGES.tournament}/:pageId`}>
+      <TournamentPage />
+    </Route>
+    <Route path={`${PAGES.team}/:pageId`}>
+      <TeamPage />
+    </Route>
+    <Route path={`${PAGES.player}/:pageId`}>
+      <PlayerPage />
+    </Route>
+    <Route path={`${PAGES.match}/:pageId`}>
+      <MatchPage />
+    </Route>
 
     <Redirect to={PAGES.home} />
   </Switch>

src/features/MatchPage/index.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import styled from 'styled-components'
+
+const TempPageTitle = styled.span`
+  padding: 20px;
+  font-size: 20px;
+  color: white;
+`
+
+export const MatchPage = () => (
+  <TempPageTitle>MATCH PAGE</TempPageTitle>
+)

src/features/PlayerPage/index.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import styled from 'styled-components'
+
+const TempPageTitle = styled.span`
+  padding: 20px;
+  font-size: 20px;
+  color: white;
+`
+
+export const PlayerPage = () => (
+  <TempPageTitle>PLAYER PAGE</TempPageTitle>
+)

src/features/TeamPage/index.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import styled from 'styled-components'
+
+const TempPageTitle = styled.span`
+  padding: 20px;
+  font-size: 20px;
+  color: white;
+`
+
+export const TeamPage = () => (
+  <TempPageTitle>TEAM PAGE</TempPageTitle>
+)

src/features/TournamentPage/index.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import styled from 'styled-components'
+
+const TempPageTitle = styled.span`
+  padding: 20px;
+  font-size: 20px;
+  color: white;
+`
+
+export const TournamentPage = () => (
+  <TempPageTitle>TOURNAMENT PAGE</TempPageTitle>
+)