fix: show filter error message and set background color red

cheminfo · Nov 20, 2024 · 54aae21 · 54aae21
1 parent 29c5855
commit 54aae21
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -89,7 +89,7 @@
     "multiplet-analysis": "^2.1.2",
     "nmr-correlation": "^2.3.3",
     "nmr-load-save": "2.0.1-pre.1732054736",
-    "nmr-processing": "14.0.1-pre.1732056655",
+    "nmr-processing": "14.0.1-pre.1732082478",
     "nmredata": "^0.9.11",
     "numeral": "^2.0.6",
     "openchemlib": "^8.17.0",

diff --git a/src/component/panels/filtersPanel/Filters/FiltersSectionsPanel.tsx b/src/component/panels/filtersPanel/Filters/FiltersSectionsPanel.tsx
@@ -194,8 +194,11 @@ function FiltersInner(props: FiltersInnerProps) {
   }
 
   function getStyle(filter, index) {
-    const { id } = filter;
+    const { id, error } = filter;
 
+    if (error) {
+      return { backgroundColor: '#ea8f8f' };
+    }
     if (activeFilterID === id) {
       return { backgroundColor: '#c2ea8f' };
     }
@@ -261,7 +264,7 @@ function FiltersInner(props: FiltersInnerProps) {
           <Sections.Item
             key={id}
             id={name}
-            title={getFilterLabel(name)}
+            title={error || getFilterLabel(name)}
             serial={index + 1}
             onClick={(id) => {
               toggleSection(id);