fix(quotes): fix quotes highlighting

src/client/app/components/quotes/quotes.template.js

@@ -35,15 +35,6 @@ export class QuotesTemplate {
     }
 
     static highlighter(value, instrument, type) {
-        if (typeof value !== "string") {
-            return "";
-        }
-
-        const classes = "pv1 pr1 bb b--black-20 tr";
-        const quoteClasses = `${instrument}-${type} ${classes}`;
-        const greenClass = "highlight-green";
-        const redClass = "highlight-red";
-
         if (!QuotesTemplate.cache[instrument]) {
             QuotesTemplate.cache[instrument] = {};
         }
@@ -55,11 +46,21 @@ export class QuotesTemplate {
         const cache = QuotesTemplate.cache[instrument][type];
         const oldValue = cache.value;
 
+        const classes = "pv1 pr1 bb b--black-20 tr";
+        const quoteClasses = `${instrument}-${type} ${classes}`;
+        const greenClass = "highlight-green";
+        const redClass = "highlight-red";
+
+        if (value === oldValue) {
+            return cache.classes || quoteClasses;
+        }
+
         const highlight = value >= oldValue
             ? `${quoteClasses} ${greenClass}`
             : `${quoteClasses} ${redClass}`;
 
         cache.value = value;
+        cache.classes = highlight;
 
         clearTimeout(cache.timeout);
         cache.timeout = setTimeout(() => {
@@ -68,6 +69,7 @@ export class QuotesTemplate {
             if (el) {
                 el.classList.remove(greenClass);
                 el.classList.remove(redClass);
+                cache.classes = quoteClasses;
             }
         }, 500);