From afae57b52b398c90a860fdd7000a53caab509221 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 27 Jan 2025 20:22:54 +0700
Subject: [PATCH] enhancement: added space scroll remote engine setting (#4523)

* enhancement: added space scroll remote engine setting

* chore: show icon history only left panel close on thread page
---
 web/containers/Layout/TopPanel/index.tsx            | 13 +++++++++----
 .../Settings/Engines/RemoteEngineSettings.tsx       |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/web/containers/Layout/TopPanel/index.tsx b/web/containers/Layout/TopPanel/index.tsx
index e60b279b1..a00c2d22c 100644
--- a/web/containers/Layout/TopPanel/index.tsx
+++ b/web/containers/Layout/TopPanel/index.tsx
@@ -13,6 +13,7 @@ import {
   PenSquareIcon,
   Settings2,
   History,
+  PanelLeftOpenIcon,
 } from 'lucide-react'
 import { twMerge } from 'tailwind-merge'
 
@@ -91,10 +92,14 @@ const TopPanel = () => {
                 </Button>
               ) : (
                 <Button theme="icon" onClick={() => setShowLeftPanel(true)}>
-                  <Tooltip
-                    trigger={<History size={16} />}
-                    content="Threads History"
-                  />
+                  {mainViewState === MainViewState.Thread ? (
+                    <Tooltip
+                      trigger={<History size={16} />}
+                      content="Threads History"
+                    />
+                  ) : (
+                    <PanelLeftOpenIcon size={16} />
+                  )}
                 </Button>
               )}
             </Fragment>
diff --git a/web/screens/Settings/Engines/RemoteEngineSettings.tsx b/web/screens/Settings/Engines/RemoteEngineSettings.tsx
index cb05f7f2b..ea2b90b16 100644
--- a/web/screens/Settings/Engines/RemoteEngineSettings.tsx
+++ b/web/screens/Settings/Engines/RemoteEngineSettings.tsx
@@ -234,7 +234,7 @@ const RemoteEngineSettings = ({
         </div>
       </div>
 
-      <div className="px-4">
+      <div className="px-4 pb-4">
         <p
           className="flex cursor-pointer items-center text-sm font-medium text-[hsla(var(--text-secondary))]"
           onClick={() => setisActiveAdvanceSetting(!isActiveAdvanceSetting)}