Tags improved

package.json

@@ -45,6 +45,7 @@
     "prepare": "husky"
   },
   "devDependencies": {
+    "@types/react-color": "^2",
     "@typescript-eslint/eslint-plugin": "^8.1.0",
     "@typescript-eslint/parser": "^8.1.0",
     "confusing-browser-globals": "^1.0.11",
@@ -80,5 +81,9 @@
   "browserslist": [
     "electron 24.0",
     "defaults"
-  ]
+  ],
+  "dependencies": {
+    "react-color": "^2.19.3",
+    "react-contenteditable": "^3.3.7"
+  }
 }

packages/desktop-client/package.json

@@ -23,6 +23,7 @@
     "@types/lodash": "^4",
     "@types/promise-retry": "^1.1.6",
     "@types/react": "^18.2.0",
+    "@types/react-color": "^2",
     "@types/react-dom": "^18.2.1",
     "@types/react-grid-layout": "^1",
     "@types/react-modal": "^3.16.0",
@@ -97,5 +98,8 @@
     "test": "vitest",
     "e2e": "npx playwright test --browser=chromium",
     "vrt": "cross-env VRT=true npx playwright test --browser=chromium"
+  },
+  "dependencies": {
+    "react-color": "^2.19.3"
   }
 }

packages/desktop-client/src/components/accounts/Account.jsx

@@ -1113,10 +1113,10 @@ class AccountInternal extends PureComponent {
     );
   };
 
-  onConditionsOpChange = (value, conditions) => {
+  onConditionsOpChange = value => {
     this.setState({ filterConditionsOp: value });
     this.setState({ filterId: { ...this.state.filterId, status: 'changed' } });
-    this.applyFilters([...conditions]);
+    this.applyFilters([...this.state.filterConditions]);
     if (this.state.search !== '') {
       this.onSearch(this.state.search);
     }