[airflow] 01/01: Default side panel open vs closed

[bb...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

bbovenzi pushed a commit to branch default-side-panel-open
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit d2d811f42170bd7c2f96281959587e34bce678b3
Author: Brent Bovenzi <br...@gmail.com>
AuthorDate: Fri Apr 15 09:33:53 2022 -0400

    Default side panel open vs closed
---
 airflow/www/static/js/tree/Tree.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/airflow/www/static/js/tree/Tree.jsx b/airflow/www/static/js/tree/Tree.jsx
index c45b04ddd7..f259c55654 100644
--- a/airflow/www/static/js/tree/Tree.jsx
+++ b/airflow/www/static/js/tree/Tree.jsx
@@ -42,7 +42,7 @@ import Details from './details';
 import { useSelection } from './context/selection';
 import { useAutoRefresh } from './context/autorefresh';
 
-const sidePanelKey = 'showSidePanel';
+const sidePanelKey = 'hideSidePanel';
 
 const Tree = () => {
   const scrollRef = useRef();
@@ -50,16 +50,16 @@ const Tree = () => {
   const [tableWidth, setTableWidth] = useState('100%');
   const { data: { groups = {}, dagRuns = [] } } = useTreeData();
   const { isRefreshOn, toggleRefresh, isPaused } = useAutoRefresh();
-  const isPanelOpen = JSON.parse(localStorage.getItem(sidePanelKey));
+  const isPanelOpen = localStorage.getItem(sidePanelKey) !== 'true';
   const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: isPanelOpen });
 
   const { clearSelection } = useSelection();
   const toggleSidePanel = () => {
     if (!isOpen) {
-      localStorage.setItem(sidePanelKey, true);
+      localStorage.setItem(sidePanelKey, false);
     } else {
       clearSelection();
-      localStorage.setItem(sidePanelKey, false);
+      localStorage.setItem(sidePanelKey, true);
     }
     onToggle();
   };