From 037746e5cb525bfbf138edd8c5a8885579ff9ff6 Mon Sep 17 00:00:00 2001
From: Shni <niamelyrz@gmail.com>
Date: Wed, 15 Oct 2025 03:17:22 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20A=C3=B1adir=20bot=C3=B3n=20m=C3=B3vil?=
 =?UTF-8?q?=20para=20seleccionar=20servidor=20y=20vincularlo=20al=20modal?=
 =?UTF-8?q?=20correspondiente?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/server/views/pages/dashboard.ejs        |  9 +++++++--
 src/server/views/partials/dashboard_nav.ejs | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/server/views/pages/dashboard.ejs b/src/server/views/pages/dashboard.ejs
index 8211f38..820d97c 100644
--- a/src/server/views/pages/dashboard.ejs
+++ b/src/server/views/pages/dashboard.ejs
@@ -1,7 +1,7 @@
 <!-- dashboard_nav is rendered by the layout via renderTemplate to avoid unresolved Promise output -->
-<div class="max-w-3xl mx-auto p-6">
+  <div class="max-w-3xl mx-auto p-6">
   <div class="relative flex justify-center">
-    <% if (!selectedGuild) { %>
+  <% if (!selectedGuild) { %>
       <!-- Centered logo + selection card to match mock -->
   <div class="hidden md:flex flex-col items-center justify-start">
         <!-- logo area -->
@@ -12,6 +12,11 @@
           </div>
         </div>
 
+        <!-- Mobile CTA: open server list sheet when no guild selected -->
+        <div class="md:hidden text-center mt-8">
+          <button id="openMobileGuildList" class="px-4 py-2 rounded-md bg-slate-700 text-white">Seleccionar servidor</button>
+        </div>
+
         <div class="w-full max-w-lg">
           <div class="mx-auto backdrop-blur-md bg-white/6 rounded-xl p-6 shadow-xl glass-card">
             <!-- user header inside card -->
diff --git a/src/server/views/partials/dashboard_nav.ejs b/src/server/views/partials/dashboard_nav.ejs
index b08ea74..95fe940 100644
--- a/src/server/views/partials/dashboard_nav.ejs
+++ b/src/server/views/partials/dashboard_nav.ejs
@@ -154,6 +154,20 @@
   })();
 </script>
 
+<script>
+  // Bind the mobile CTA (if present) to open the mobile guild modal
+  document.addEventListener('DOMContentLoaded', () => {
+    const openBtn = document.getElementById('openMobileGuildList');
+    const mobileGuildModal = document.getElementById('mobileGuildModal');
+    if (openBtn && mobileGuildModal) {
+      openBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        mobileGuildModal.classList.remove('hidden');
+      });
+    }
+  });
+</script>
+
 <!-- Mobile modals -->
 <div id="mobileGuildModal" class="fixed inset-0 bg-black/60 hidden z-50">
   <div class="fixed inset-x-0 bottom-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto" style="margin:0;">