From e0205ec725602199f8b7325f50ec2eee91f2dfcc Mon Sep 17 00:00:00 2001
From: unknown <fernandoestrp@outlook.es>
Date: Tue, 28 Apr 2026 17:30:06 -0600
Subject: [PATCH] =?UTF-8?q?fix/feat:=20men=C3=BA=20social=20en=20Adicional?=
 =?UTF-8?q?es,=20bot=C3=B3n=20publicar=20visible=20y=20bug=20dropdown=20b?=
 =?UTF-8?q?=C3=BAsqueda?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Menú: mueve Comunidad/Amigos/Mensajes a la sección Adicionales (elimina duplicado Chats)
- Feed: botón Publicar más grande con ícono, textarea sin pill para mejor UX
- Header búsqueda: corrige bug que cerraba el dropdown al hacer click en él
  (mousedown en el contenedor bloquea el cierre hasta que se suelta el botón)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 resources/views/feed/index.blade.php          | 22 +++++-----
 .../views/layouts/_partials/header.blade.php  |  7 ++++
 .../views/layouts/_partials/menu.blade.php    | 40 +++++++------------
 3 files changed, 33 insertions(+), 36 deletions(-)

diff --git a/resources/views/feed/index.blade.php b/resources/views/feed/index.blade.php
index 193d55a7..5d98646b 100644
--- a/resources/views/feed/index.blade.php
+++ b/resources/views/feed/index.blade.php
@@ -11,21 +11,21 @@
                 @csrf
                 <div class="d-flex align-items-start">
                     <img src="{{ auth()->user()->profile_photo_url }}"
-                         class="rounded-circle mr-3" width="42" height="42" style="object-fit:cover">
-                    <div class="flex-grow-1">
-                        <textarea name="body" class="form-control border-0 bg-light rounded-pill px-3 py-2"
-                                  rows="2" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
-                                  style="resize:none"></textarea>
-                    </div>
+                         class="rounded-circle mr-3 flex-shrink-0" width="42" height="42" style="object-fit:cover">
+                    <textarea name="body" class="form-control border-0 bg-light px-3 py-2 flex-grow-1"
+                              rows="3" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
+                              style="resize:none; border-radius:12px"></textarea>
                 </div>
 
-                <div class="d-flex align-items-center justify-content-between mt-2 pt-2 border-top">
-                    <label class="btn btn-light btn-sm mb-0">
-                        <i class="fas fa-image text-success mr-1"></i> Foto
+                <div class="d-flex align-items-center justify-content-between mt-3 pt-2 border-top">
+                    <label class="btn btn-light btn-sm mb-0 px-3">
+                        <i class="fas fa-image text-success mr-1"></i> Agregar foto
                         <input type="file" name="image" accept="image/*" hidden id="post-image-input">
                     </label>
-                    <span id="post-image-name" class="text-muted small flex-grow-1 ml-2"></span>
-                    <button type="submit" class="btn btn-primary btn-sm rounded-pill px-4">Publicar</button>
+                    <span id="post-image-name" class="text-muted small flex-grow-1 mx-2 text-truncate"></span>
+                    <button type="submit" class="btn btn-primary px-4">
+                        <i class="fas fa-paper-plane mr-2"></i> Publicar
+                    </button>
                 </div>
             </form>
         </div>
diff --git a/resources/views/layouts/_partials/header.blade.php b/resources/views/layouts/_partials/header.blade.php
index b33320dc..8fbe384c 100644
--- a/resources/views/layouts/_partials/header.blade.php
+++ b/resources/views/layouts/_partials/header.blade.php
@@ -390,7 +390,14 @@ function markAllNotifsRead() {
         timer = setTimeout(() => doSearch(this.value.trim()), 300);
     });
 
+    // Evita que el dropdown se cierre al hacer mousedown dentro de él
+    // (mousedown dispara antes que click, y blur del input cierra antes de registrar la acción)
+    let interactingWithResults = false;
+    results.addEventListener('mousedown', () => { interactingWithResults = true; });
+    document.addEventListener('mouseup',  () => { interactingWithResults = false; });
+
     document.addEventListener('click', function (e) {
+        if (interactingWithResults) return;
         if (!input.contains(e.target) && !results.contains(e.target)) {
             results.classList.add('d-none');
         }
diff --git a/resources/views/layouts/_partials/menu.blade.php b/resources/views/layouts/_partials/menu.blade.php
index 88de97a6..ad629c9e 100644
--- a/resources/views/layouts/_partials/menu.blade.php
+++ b/resources/views/layouts/_partials/menu.blade.php
@@ -16,29 +16,6 @@
                 <i class="fas fa-fw fa-tachometer-alt"></i>
                 <span>Inicio</span></a>
         </li>
-        <!-- Divider -->
-        <hr class="sidebar-divider">
-
-        <!-- Social -->
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('feed') }}">
-                <i class="fas fa-fw fa-stream"></i>
-                <span>Comunidad</span>
-            </a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('friendships.index') }}">
-                <i class="fas fa-fw fa-user-friends"></i>
-                <span>Amigos</span>
-            </a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('chat.index') }}">
-                <i class="fas fa-fw fa-comment-dots"></i>
-                <span>Mensajes</span>
-            </a>
-        </li>
-
         <!-- Divider -->
         <hr class="sidebar-divider">
         <!-- Heading -->
@@ -219,10 +196,23 @@
         <!-- Heading -->
         <div class="sidebar-heading" style="color:white">Adicionales</div>
 
+        <li class="nav-item">
+            <a class="nav-link" href="{{ route('feed') }}">
+                <i class="fas fa-fw fa-stream" style="color:#e8e8e8"></i>
+                <span>Comunidad</span>
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="{{ route('friendships.index') }}">
+                <i class="fas fa-fw fa-user-friends" style="color:#e8e8e8"></i>
+                <span>Amigos</span>
+            </a>
+        </li>
         <li class="nav-item">
             <a class="nav-link" href="{{ route('chat.index') }}">
-            <i class="fas fa-fw fa-comments" style="color: #e8e8e8;"></i>
-                <span>Chats</span></a>
+                <i class="fas fa-fw fa-comment-dots" style="color:#e8e8e8"></i>
+                <span>Mensajes</span>
+            </a>
         </li>