From 51a8666332d568c210c839a791a516b25a1626ab Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Fri, 28 Feb 2025 15:53:40 +0100
Subject: [PATCH] show offers panel

---
 src/public/css/offers.css       |  4 ++++
 src/public/javascript/offers.js | 11 +++++++++++
 src/views/offers.ejs            | 11 ++++++++++-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/public/css/offers.css b/src/public/css/offers.css
index f257a49..2e0a0fb 100644
--- a/src/public/css/offers.css
+++ b/src/public/css/offers.css
@@ -71,6 +71,10 @@
   display: none;
 }
 
+#view-my-offers-root {
+  display: none;
+}
+
 #create-offer-controls {
   text-align: center;
 }
diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js
index 22e88bc..74b23a6 100644
--- a/src/public/javascript/offers.js
+++ b/src/public/javascript/offers.js
@@ -1,8 +1,10 @@
 const buttonStartCreateOffer = document.getElementById(
   'button-start-create-offer'
 );
+const buttonViewMyOffers = document.getElementById('button-view-my-offers');
 const closeOfferControls = document.getElementById('close-offer-controls-x');
 const createOfferRoot = document.getElementById('create-offer-root');
+const viewMyOffersRoot = document.getElementById('view-my-offers-root');
 const buyOrSellButtonGroup = document.getElementById(
   'button-group-buy-or-sell'
 );
@@ -49,6 +51,11 @@ function toggleCreateOfferControls() {
     createOfferRoot.style.display === 'block' ? 'none' : 'block';
 }
 
+function toggleViewMyOffersPanel() {
+  viewMyOffersRoot.style.display =
+    viewMyOffersRoot.style.display === 'block' ? 'none' : 'block';
+}
+
 function modifyPremiumValue(delta) {
   const regexExpression = /-*\d+/;
   const numValue = parseInt(premiumValue.innerText.match(regexExpression)[0]);
@@ -169,6 +176,10 @@ buttonStartCreateOffer.addEventListener('click', () => {
   toggleCreateOfferControls();
 });
 
+buttonViewMyOffers.addEventListener('click', () => {
+  toggleViewMyOffersPanel();
+});
+
 closeOfferControls.addEventListener('click', () => {
   toggleCreateOfferControls();
 });
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 748992c..69ee865 100644
--- a/src/views/offers.ejs
+++ b/src/views/offers.ejs
@@ -12,13 +12,19 @@
     <%- include("partials/appCommonHeader") %>
 
     <div class="over-background" id="offers-root">
+      <button
+        id="button-view-my-offers"
+        class="button-primary button-medium font-medium"
+      >
+        Ver mis ofertas
+      </button>
       <button
         id="button-start-create-offer"
         class="button-primary button-medium font-medium"
-        style="display: block"
       >
         Crear nueva oferta
       </button>
+      
     </div>
     <div class="over-background" id="create-offer-root">
       <div id="create-offer-controls">
@@ -179,6 +185,9 @@
           </button>
         </div>
       </div>
+    </div>
+    <div class="over-background" id="view-my-offers-root">
+      
     </div>
     <div
       id="offer-created-confirmation"