wip

Author: dblythy

src/components/BrowserFilter/BrowserFilter.react.js

@@ -65,6 +65,7 @@ export default class BrowserFilter extends React.Component {
       name: '',
       confirmName: false,
       editMode: this.props.filters.size === 0,
+      relativeDates: false, // Reset relative dates state when opening/closing
     }));
     this.props.setCurrent(null);
   }

src/components/CategoryList/CategoryList.react.js

@@ -53,9 +53,10 @@ export default class CategoryList extends React.Component {
             const query = new URLSearchParams(this.props.params);
             if (query.has('filters')) {
               const queryFilter = query.get('filters');
+              const filterId = query.get('filterId');
               for (let i = 0; i < c.filters?.length; i++) {
                 const filter = c.filters[i];
-                if (queryFilter === filter.filter) {
+                if (queryFilter === filter.filter || filterId && filterId === filter.id) {
                   height += (i + 1) * 20;
                   break;
                 }
@@ -138,10 +139,10 @@ export default class CategoryList extends React.Component {
               </div>
               {this.state.openClasses.includes(id) &&
                 c.filters.map((filterData, index) => {
-                  const { name, filter } = filterData;
+                  const { name, filter,id } = filterData;
                   const url = `${this.props.linkPrefix}${c.name}?filters=${encodeURIComponent(
                     filter
-                  )}`;
+                  )}&filterId=${id}`;
                   return (
                     <div key={index} className={styles.childLink}>
                       <Link

src/dashboard/Data/Browser/Browser.react.js

@@ -1098,6 +1098,7 @@ class Browser extends DashboardView {
     if (!preferences.filters.includes(_filters)) {
       preferences.filters.push({
         name,
+        id: Math.random().toString(36).substring(2, 15),
         filter: _filters,
       });
     }