From 2839179ced466387e27b3c393ec0e0824daae8dd Mon Sep 17 00:00:00 2001
From: Evan Simkowitz <esimkowitz@users.noreply.github.com>
Date: Mon, 12 Feb 2024 22:34:49 -0800
Subject: [PATCH] Fix History view not honoring sidebar width (#292)

* Fix History view not honoring sidebar width

* update comment
---
 src/app/history/history.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/history/history.tsx b/src/app/history/history.tsx
index 0a14a4cc..a6b4a3db 100644
--- a/src/app/history/history.tsx
+++ b/src/app/history/history.tsx
@@ -419,8 +419,16 @@ class HistoryView extends React.Component<{}, {}> {
         let sessionId: string = null;
         let remoteIds = Object.keys(rnames);
         let remoteId: string = null;
+
+        // TODO: something is weird with how we calculate width for views. Before, history view was not honoring tab width. This fix is copied from workspaceview.tsx, which had a similar issue.
+        const width = window.innerWidth - 6 - GlobalModel.mainSidebarModel.getWidth();
         return (
-            <div className={cn("history-view", { "is-hidden": isHidden })}>
+            <div
+                className={cn("history-view", "view", { "is-hidden": isHidden })}
+                style={{
+                    width: `${width}px`,
+                }}
+            >
                 <div className="header">
                     <div className="history-title">History</div>
                     <div className="history-search">