Update localStorage key

apache · May 5, 2022 · c2e2953 · c2e2953
1 parent 4d7f43b
commit c2e2953
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/airflow/www/static/js/grid/ToggleGroups.jsx b/airflow/www/static/js/grid/ToggleGroups.jsx
@@ -40,7 +40,7 @@ const getGroupIds = (groups) => {
 };
 
 const ToggleGroups = ({ groups }) => {
-  const openGroupsKey = `${dagId}-open-groups`;
+  const openGroupsKey = `${dagId}/open-groups`;
   const allGroupIds = getGroupIds(groups.children);
   const storedGroups = JSON.parse(localStorage.getItem(openGroupsKey)) || [];
   const [openGroupIds, setOpenGroupIds] = useState(storedGroups);

diff --git a/airflow/www/static/js/grid/renderTaskRows.jsx b/airflow/www/static/js/grid/renderTaskRows.jsx
@@ -87,7 +87,7 @@ const TaskInstances = ({
   </Flex>
 );
 
-const storageKey = `${dagId}-open-groups`;
+const openGroupsKey = `${dagId}/open-groups`;
 
 const Row = (props) => {
   const {
@@ -103,7 +103,7 @@ const Row = (props) => {
   const isGroup = !!task.children;
   const isSelected = selected.taskId === task.id;
 
-  const openGroups = JSON.parse(localStorage.getItem(storageKey)) || [];
+  const openGroups = JSON.parse(localStorage.getItem(openGroupsKey)) || [];
   const defaultIsOpen = openGroups.some((g) => g === task.label);
 
   const {
@@ -129,10 +129,10 @@ const Row = (props) => {
     () => {
       if (isGroup) {
         if (!isOpen) {
-          localStorage.setItem(storageKey, JSON.stringify([...openGroups, task.label]));
+          localStorage.setItem(openGroupsKey, JSON.stringify([...openGroups, task.label]));
         } else {
           localStorage.setItem(
-            storageKey,
+            openGroupsKey,
             JSON.stringify(openGroups.filter((g) => g !== task.label)),
           );
         }