From 535740105419457caa01d96390a20cceead1628b Mon Sep 17 00:00:00 2001
From: Fabian Mendoza <Femendoza@uc.cl>
Date: Mon, 24 Jun 2024 00:35:52 -0400
Subject: [PATCH 1/2] avance vista para cambiar descuento

---
 src/adminpages/settings.css | 50 +++++++++++++++++++++++++++++++++++
 src/adminpages/settings.jsx | 52 +++++++++++++++++++++++++++++++++++++
 src/common/navbar.jsx       | 12 ++++++++-
 src/common/router.jsx       |  2 ++
 4 files changed, 115 insertions(+), 1 deletion(-)
 create mode 100644 src/adminpages/settings.css
 create mode 100644 src/adminpages/settings.jsx

diff --git a/src/adminpages/settings.css b/src/adminpages/settings.css
new file mode 100644
index 0000000..45d49c3
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/src/adminpages/settings.jsx b/src/adminpages/settings.jsx
new file mode 100644
index 0000000..552c6a6
--- /dev/null
+++ b/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">Registrar administrador nuevo</h2>
+           revisar si lo vamos a implementar o no 
+        </div> */}
+      </div>
+    </div>
+  );
+}
+
+export default Settings;
diff --git a/src/common/navbar.jsx b/src/common/navbar.jsx
index 0f0bc3a..56f05d3 100644
--- a/src/common/navbar.jsx
+++ b/src/common/navbar.jsx
@@ -5,7 +5,10 @@ import LogoutButton from "./LogoutButton";
 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 @@ function Navbar() {
                   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>
diff --git a/src/common/router.jsx b/src/common/router.jsx
index d8a1068..7bfb263 100644
--- a/src/common/router.jsx
+++ b/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>
   );
 };

From a82d5cee7bca5aa1c843a8272afaee56d8cbc589 Mon Sep 17 00:00:00 2001
From: Fabian Mendoza <Femendoza@uc.cl>
Date: Mon, 24 Jun 2024 00:55:41 -0400
Subject: [PATCH 2/2] boton para subastar en configuraciones y boton en search
 para reservar vuelos

---
 src/adminpages/settings.jsx |  8 ++++----
 src/flights/search.css      |  7 +++++++
 src/flights/search.jsx      | 12 +++++++++---
 3 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 src/flights/search.css

diff --git a/src/adminpages/settings.jsx b/src/adminpages/settings.jsx
index 552c6a6..d48b2e4 100644
--- a/src/adminpages/settings.jsx
+++ b/src/adminpages/settings.jsx
@@ -39,11 +39,11 @@ function Settings() {
             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 className="settings-container-addadmin">
-          <h2 className="settings-category">Registrar administrador nuevo</h2>
-           revisar si lo vamos a implementar o no 
-        </div> */}
       </div>
     </div>
   );
diff --git a/src/flights/search.css b/src/flights/search.css
new file mode 100644
index 0000000..950df75
--- /dev/null
+++ b/src/flights/search.css
@@ -0,0 +1,7 @@
+.search-buttons-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+}
+  
\ No newline at end of file
diff --git a/src/flights/search.jsx b/src/flights/search.jsx
index 20650a1..fb7dc63 100644
--- a/src/flights/search.jsx
+++ b/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>
   );