From e6b9cc09ecd59b2a120682361870aad80ee99590 Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Thu, 23 Mar 2023 12:16:45 -0700
Subject: [PATCH] update collapsed indicators

---
 src/main.tsx | 14 ++++++++++----
 src/model.ts |  1 +
 src/sh2.less |  2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index ff00d78a..680b0f68 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2460,6 +2460,12 @@ class MainSideBar extends React.Component<{}, {}> {
         GlobalCommandRunner.showAllRemotes();
     }
 
+    clickLinks() {
+        mobx.action(() => {
+            GlobalModel.showLinks.set(!GlobalModel.showLinks.get());
+        })();
+    }
+
     remoteDisplayName(remote : RemoteType) : any {
         if (!isBlank(remote.remotealias)) {
             return (
@@ -2567,8 +2573,8 @@ class MainSideBar extends React.Component<{}, {}> {
                 </div>
                 <div className="collapse-container">
                     <div className="arrow-container" onClick={this.toggleCollapsed}>
-                        <If condition={!isCollapsed}><i className="fa-sharp fa-solid fa-arrow-left"/></If>
-                        <If condition={isCollapsed}><i className="fa-sharp fa-solid fa-arrow-right"/></If>
+                        <If condition={!isCollapsed}><i className="fa-sharp fa-solid fa-angle-left"/></If>
+                        <If condition={isCollapsed}><i className="fa-sharp fa-solid fa-angle-right"/></If>
                     </div>
                 </div>
                 <div className="menu">
@@ -2634,9 +2640,9 @@ class MainSideBar extends React.Component<{}, {}> {
                         <li className="menu-bookmarks"><a onClick={this.handleSettingsClick}><i className="fa-sharp fa-solid fa-cog"/> SETTINGS</a></li>
                     </ul>
                     <p className="menu-label">
-                        <a onClick={() => this.clickRemotes()}>Links</a>
+                        <a onClick={() => this.clickLinks()}>LINKS <i className={cn("fa-sharp fa-solid", (GlobalModel.showLinks.get() ? "fa-angle-down" : "fa-angle-right"))}/></a>
                     </p>
-                    <ul className="menu-list">
+                    <ul className="menu-list" style={{display: (GlobalModel.showLinks.get() ? null : "none")}}>
                         <li>
                             <a target="_blank" href="https://docs.getprompt.dev/releasenotes"><i style={{width: 20}} className="fa-sharp fa-solid fa-notes"/> release notes</a>
                         </li>
diff --git a/src/model.ts b/src/model.ts
index 05c193e9..13fee77f 100644
--- a/src/model.ts
+++ b/src/model.ts
@@ -2367,6 +2367,7 @@ class Model {
     historyViewModel : HistoryViewModel;
     clientData : OV<ClientDataType> = mobx.observable.box(null, {name: "clientData"});
     clientMigrationInfo : OV<ClientMigrationInfo> = mobx.observable.box(null, {name: "clientMigrationInfo"});
+    showLinks : OV<boolean> = mobx.observable.box(true, {name: "model-showLinks"});
     
     constructor() {
         this.clientId = getApi().getId();
diff --git a/src/sh2.less b/src/sh2.less
index 3cf9dbf6..c79aae9f 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -1136,7 +1136,7 @@ body::-webkit-scrollbar {
         width: 55px;
 
         .collapse-container {
-            right: 12px;
+            right: 17px;
         }
 
         .menu {