From d4dedf9379ea555bbd00b752fc0862c84487cf87 Mon Sep 17 00:00:00 2001
From: MIKIBUR <mikibur@wp.pl>
Date: Sun, 17 Mar 2024 20:02:07 +0100
Subject: [PATCH] about_page (#32)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Mikołaj Burdzy <m.burdzy@odo24.pl>
---
 src/App.js   |  2 +-
 src/about.js | 15 +++++++++++++++
 src/index.js |  5 +++++
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/about.js

diff --git a/src/App.js b/src/App.js
index 2545453..533fec4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,7 +28,7 @@ function App() {
                     </Link>
                 </div>
                 <div className="menu-btn">
-                    <Link to="about.html">
+                    <Link to="about">
                         <button className="btn">About</button>
                     </Link>
                 </div>
diff --git a/src/about.js b/src/about.js
new file mode 100644
index 0000000..ba9ad84
--- /dev/null
+++ b/src/about.js
@@ -0,0 +1,15 @@
+import { Link } from 'react-router-dom';
+function About() {
+
+    return (
+        <div className="list about">
+            <h1>About</h1>
+            <p>Witaj w projekcie Bot-Wars. Jako entuzjaści gier, sztucznej inteligencji oraz koleżeńskiej rywalizacji, chcielibyśmy stworzyć platformę on-line umożliwiającą pojedynkowanie naszych botów.</p>
+            <p>Serwis będzie docelowo pozwalał na stworzenie konta i branie udziału w turniejach poprzez wgranie swojego bot'a.</p>
+            <p>Będzie możliwość inspekcji swoich wyników w turniejach i innych graczy też.</p>
+            <div class="menu-btn"><Link to="/"><button class="btn">Home</button></Link></div>
+        </div>
+    );
+}
+
+export default About;
diff --git a/src/index.js b/src/index.js
index f42b3b8..171bae3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,6 +15,7 @@ import TournamentsList from "./lists/TournamentsList";
 import AddTournamentForm from "./forms/AddTournamentForm";
 import EditTournamentForm from "./forms/EditTournamentForm";
 import TournamentDetails from "./Tournaments/TournamentDetails";
+import About from "./about.js";
 import { Provider } from 'react-redux';
 import store from './User/store';
 import { getListOfTournaments } from './Tournaments/getListOfTournaments';
@@ -63,6 +64,10 @@ const tournaments = getListOfTournaments();
         path: "/login",
         element: <LoginForm/>,
     },
+    {
+        path: "/about",
+        element: <About/>,
+    },
 ]);
 
 const root = ReactDOM.createRoot(document.getElementById('root'));