From 7234f527ab5c4946fd8ff8a1a9aff636d5e47d52 Mon Sep 17 00:00:00 2001
From: Truc Nguyen <truc.nguyentrung@hotmail.com>
Date: Wed, 29 May 2024 18:49:17 +0100
Subject: [PATCH] Add sport center UI

---
 frontend/src/App.tsx                       | 2 ++
 frontend/src/screens/app-layout.tsx        | 7 +++++++
 frontend/src/screens/sportcenter/index.tsx | 9 +++++++++
 3 files changed, 18 insertions(+)
 create mode 100644 frontend/src/screens/sportcenter/index.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5cbeed8..3f0f255 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -7,6 +7,7 @@ const MatchesScreen = lazy(() => import("./screens/matches"));
 const PlayerScreen = lazy(() => import("./screens/players"));
 const HealthScreen = lazy(() => import("./screens/health"));
 const LoginScreen = lazy(() => import("./screens/auth/login"));
+const SportCenters = lazy(() => import("./screens/sportcenter"));
 const PageNotFound = lazy(() => import("./screens/page-not-found"));
 
 function App() {
@@ -16,6 +17,7 @@ function App() {
         <Route path="/" element={<DashboardScreen />} />
         <Route path="/players" element={<PlayerScreen />} />
         <Route path="/matches" element={<MatchesScreen />} />
+        <Route path="/sportcenters" element={<SportCenters />} />
         <Route path="/health" element={<HealthScreen />} />
         <Route path="*" element={<PageNotFound />} />
       </Route>
diff --git a/frontend/src/screens/app-layout.tsx b/frontend/src/screens/app-layout.tsx
index fd7e4bc..cd591fb 100644
--- a/frontend/src/screens/app-layout.tsx
+++ b/frontend/src/screens/app-layout.tsx
@@ -5,6 +5,7 @@ import { FiChevronLeft } from "react-icons/fi";
 import { NavLink, Outlet, useNavigate } from "react-router-dom";
 import { Suspense } from "react";
 import {
+  FaBuilding,
   FaChartArea,
   FaFighterJet,
   FaHeartbeat,
@@ -91,6 +92,12 @@ function AppLayout() {
               label="Players"
               icon={<FaUserClock />}
             />
+            <NavItem
+              showLabel={!collapsed}
+              path="/sportcenters"
+              label="Sport Centers"
+              icon={<FaBuilding />}
+            />
             <NavItem
               showLabel={!collapsed}
               path="/health"
diff --git a/frontend/src/screens/sportcenter/index.tsx b/frontend/src/screens/sportcenter/index.tsx
new file mode 100644
index 0000000..bc3fbf7
--- /dev/null
+++ b/frontend/src/screens/sportcenter/index.tsx
@@ -0,0 +1,9 @@
+import Page from "../../components/page";
+
+export default function SportCenter() {
+  return (
+    <Page title="Sport Center">
+      <h3>Test</h3>
+    </Page>
+  );
+}