From 3e28a86d08f4e7ebdec914ab604d45ce4a69b248 Mon Sep 17 00:00:00 2001
From: Mirlan <m.maksitaliev@gmail.com>
Date: Thu, 2 Jul 2020 16:23:55 +0600
Subject: [PATCH] feat(#41): added routes (#20)

---
 src/config/pages.tsx                  |  6 +++++-
 src/features/App/AuthenticatedApp.tsx | 18 +++++++++++++++++-
 src/features/MatchPage/index.tsx      | 12 ++++++++++++
 src/features/PlayerPage/index.tsx     | 12 ++++++++++++
 src/features/TeamPage/index.tsx       | 12 ++++++++++++
 src/features/TournamentPage/index.tsx | 12 ++++++++++++
 6 files changed, 70 insertions(+), 2 deletions(-)
 create mode 100644 src/features/MatchPage/index.tsx
 create mode 100644 src/features/PlayerPage/index.tsx
 create mode 100644 src/features/TeamPage/index.tsx
 create mode 100644 src/features/TournamentPage/index.tsx

diff --git a/src/config/pages.tsx b/src/config/pages.tsx
index edcfcdfa..7bbf6211 100644
--- a/src/config/pages.tsx
+++ b/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',
 }
diff --git a/src/features/App/AuthenticatedApp.tsx b/src/features/App/AuthenticatedApp.tsx
index b70499f4..cf05f102 100644
--- a/src/features/App/AuthenticatedApp.tsx
+++ b/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>
diff --git a/src/features/MatchPage/index.tsx b/src/features/MatchPage/index.tsx
new file mode 100644
index 00000000..469f7b22
--- /dev/null
+++ b/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>
+)
diff --git a/src/features/PlayerPage/index.tsx b/src/features/PlayerPage/index.tsx
new file mode 100644
index 00000000..aa4f9d17
--- /dev/null
+++ b/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>
+)
diff --git a/src/features/TeamPage/index.tsx b/src/features/TeamPage/index.tsx
new file mode 100644
index 00000000..8c8193f4
--- /dev/null
+++ b/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>
+)
diff --git a/src/features/TournamentPage/index.tsx b/src/features/TournamentPage/index.tsx
new file mode 100644
index 00000000..38b9f0c9
--- /dev/null
+++ b/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>
+)