Admin user

src/adminpages/settings.css

@@ -0,0 +1,50 @@
+.settings-page {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.settings-container {
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 1);
+    width: 400px;
+    text-align: center;
+}
+
+.settings-form {
+    margin-bottom: 20px;
+}
+
+.settings-container h1,
+.settings-container h2 {
+    margin: 0 0 20px 0;
+}
+
+.settings-container input {
+    margin-right: 10px;
+    padding: 10px;
+    width: calc(100% - 20px);
+    margin-bottom: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-family: "League Spartan", sans-serif;
+}
+
+.settings-title {
+	color: #000053;
+	text-align: center;
+	font-size: 2.5em;
+	font-family: "League Spartan", sans-serif;
+	padding-top: 10px;
+}
+
+.settings-category {
+	color: #000053;
+	text-align: center;
+	font-size: 1.8em;
+	font-family: "League Spartan", sans-serif;
+	padding-top: 20px;
+}

src/adminpages/settings.jsx

@@ -0,0 +1,52 @@
+import "./settings.css";
+import axios from "axios";
+import { useState } from "react";
+import Button from "../common/button.jsx";
+
+function Settings() {
+  const [discount, setDiscount] = useState(0);
+
+  const changeDiscount = (event) => {
+    setDiscount(event.target.value);
+  };
+
+  const saveDiscount = async () => {
+    try {
+      await axios.post(
+        "https://8ujhmk0td0.execute-api.us-east-2.amazonaws.com/Produccion2/changediscount",
+        {
+          discount: discount,
+        }
+      );
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
+  return (
+    <div className="settings-page">
+      <div className="settings-container">
+        <h1 className="settings-title">Configuraciones</h1>
+        <div className="settings-form">
+          <h2 className="settings-category">Cambiar descuento</h2>
+          <input
+            type="number"
+            placeholder="Descuento"
+            value={discount}
+            onChange={changeDiscount}
+            min="0"
+            max="1"
+            step="0.01"
+          />
+          <Button onClick={saveDiscount}>Guardar</Button>
+        </div> 
+        <div className="settings-container-addadmin">
+          <h2 className="settings-category">Subastas</h2>
+            <Button>Revisar subastas</Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Settings;

src/common/navbar.jsx

@@ -5,7 +5,10 @@
 import { useAuth0 } from "@auth0/auth0-react";
 
 function Navbar() {
-  const { isAuthenticated } = useAuth0();
+  const { isAuthenticated, user } = useAuth0();
+  const isAdmin = user?.admin || false;
+
+  console.log("User:", user);
 
   return (
     <ul className="navbar">
@@ -33,6 +36,13 @@
                   Mis Vuelos
                 </Link>
               </li>
+              {isAdmin && (
+              <li className="navbar-li">
+                <Link to="/settings" className="navbar-a">
+                  Configuraciones
+                </Link>
+              </li>
+            )}
               <li className="navbar-li">
                 <LogoutButton className="login-button"></LogoutButton>
               </li>

src/common/router.jsx

@@ -11,6 +11,7 @@ import VistaCompras from "../flights/userBuys";
 import Recomendation from "../flights/recomendations";
 import Checkout from "../flights/checkout";
 import Email from "../flights/email"
+import Settings from "../adminpages/settings";
 
 const ProtectedComponent = ({ component: Component }) => {
   const { isAuthenticated } = useAuth0();
@@ -52,6 +53,7 @@ const PageRoutes = () => {
         path="/flights/email"
         element={<ProtectedComponent component={Email} />}
       />
+      <Route path="/settings" element={<Settings />} />
     </Routes>
   );
 };

src/flights/search.css

@@ -0,0 +1,7 @@
+.search-buttons-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+}
+

src/flights/search.jsx

@@ -3,6 +3,7 @@ import Button from "../common/button.jsx";
 import { Link } from "react-router-dom";
 import { useAuth0 } from "@auth0/auth0-react";
 import axios from "axios";
+import "./search.css";
 
 const Search = () => {
   const [input1, setInput1] = useState("");
@@ -61,9 +62,14 @@ const Search = () => {
           value={input3}
           onChange={(e) => setInput3(e.target.value)}
         />
-        <Link to={`/flights?${params.toString()}`}>
-          <Button simple>Buscar vuelos</Button>
-        </Link>
+        <div className="search-buttons-container">
+          <Link to={`/flights?${params.toString()}`}>
+            <Button simple>Buscar vuelos</Button>
+          </Link>
+          <Link to={`/flights?${params.toString()}`}>
+            <Button simple>Reservar vuelos</Button>
+          </Link>
+        </div>
       </div>
     </div>
   );