Merge branch 'master' into user-settings

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>

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;

src/index.js

@@ -16,6 +16,7 @@ import AddTournamentForm from "./forms/AddTournamentForm";
 import EditTournamentForm from "./forms/EditTournamentForm";
 import TournamentDetails from "./Tournaments/TournamentDetails";
 import ProfileView from "./User/ProfileView/ProfileView";
+import About from "./about.js";
 import { Provider } from 'react-redux';
 import store from './User/store';
 import { getListOfTournaments } from './Tournaments/getListOfTournaments';
@@ -72,7 +73,10 @@ const router = createBrowserRouter([
     {
         path: "/settings",
         element: <UserSettings/>,
-    }
+    },
+        path: "/about",
+        element: <About/>,
+    },
 ]);
 
 const root = ReactDOM.createRoot(document.getElementById('root'));