From 6d0ed78b04a8f91bf7ff8f23d1bf3f060bc78fc9 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Fri, 22 Aug 2025 11:45:28 +0300
Subject: [PATCH] update collapse button icon

---
 www/common/toolbar.js | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/www/common/toolbar.js b/www/common/toolbar.js
index 355058347..80d635a66 100644
--- a/www/common/toolbar.js
+++ b/www/common/toolbar.js
@@ -513,33 +513,25 @@ MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
     };
 
     var createCollapse = function (toolbar) {
-        // XXX to be updated
-        var up = Icons.get('chevron-up', {title: Messages.toolbar_collapse});
-        var down =  Icons.get('chevron-down', {title: Messages.toolbar_expand});
+        var icon = Icons.get('chevron-up', {title: Messages.toolbar_collapse});
         var notif = h('span.cp-collapsed-notif');
 
         var $button = $(h('button.cp-toolbar-collapse',[
-            up,
-            down,
+            icon,
             notif
         ]));
-        var $up = $(up);
-        var $down = $(down);
         toolbar.$bottomR.prepend($button);
-        $down.hide();
         $(notif).hide();
         $button.click(function () {
             toolbar.$top.toggleClass('toolbar-hidden');
             var hidden = toolbar.$top.hasClass('toolbar-hidden');
             $button.toggleClass('cp-toolbar-button-active');
-            if (hidden) {
-                $up.hide();
-                $down.show();
-            } else {
-                $up.show();
-                $down.hide();
-                $(notif).hide();
-            }
+            const newIcon = hidden ?
+                Icons.get('chevron-down', {title: Messages.toolbar_expand}):
+                Icons.get('chevron-up', {title: Messages.toolbar_collapse});
+
+            $button.find('[data-lucide]').replaceWith(newIcon);
+            Lucide.createIcons();
         });
     };