restoring LinkeRenderer

src/main/sidebar/MainSideBar.tsx

@@ -17,6 +17,7 @@ import { ReactComponent as AppsIcon } from "../../assets/icons/apps.svg";
 import { ReactComponent as ConnectionsIcon } from "../../assets/icons/connections.svg";
 import { ReactComponent as WorkspacesIcon } from "../../assets/icons/workspaces.svg";
 import { ReactComponent as AddIcon } from "../../assets/icons/add.svg";
+import { ReactComponent as ActionsIcon } from "../../assets/icons/tab/actions.svg";
 
 import localizedFormat from "dayjs/plugin/localizedFormat";
 import { GlobalModel, GlobalCommandRunner, Session } from "../../model";
@@ -162,7 +163,8 @@ class MainSideBar extends React.Component<{}, {}> {
                 >
                     <span className="hotkey">^⌘</span>
                     <span className="index">{index + 1}</span>
-                    <span>{session.name.get()}</span>
+                    <span className="truncate sessionName">{session.name.get()}</span>
+                    <ActionsIcon className="icon hoverEffect" onClick={(e) => this.openSessionSettings(e, session)} />
                 </div>
             );
         });

src/main/sidebar/sidebar.less

@@ -90,11 +90,22 @@
         opacity: 1;
         visibility: visible;
         transition: opacity 0.1s ease-in-out, visibility 0.1s step-end;
-        .icon {
-            margin: 0 8px 0 6px;
+        .sessionName {
+            width: 11rem;
+            display: inline-block;
             vertical-align: middle;
-            width: 16px;
-            height: 16px;
+        }
+        .icon {
+            margin: 0 0.5em;
+            width: 1em;
+            height: 1em;
+            display: inline-block;
+            vertical-align: middle;
+            border-radius: 50%;
+            visibility: hidden;
+        }
+        &:hover .icon {
+            visibility: visible;
         }
         .hotkey {
             float: right;