add random colors

1 files changed, 12 insertions, 3 deletions

diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue b/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue
index 4974750a..dffb7b1f 100644
--- a/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue
+++ b/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue
@@ -54,8 +54,6 @@
 </template>
 
 <script>
-import { colors } from '../../../../views/MemoryModules/DynamicInfo/helpers';
-
 export default {
   props: {
     records: {
@@ -65,9 +63,20 @@ export default {
   },
   data() {
     return {
-      colors,
+      colors: [],
     };
   },
+  watch: {
+    'records.items'(value) {
+      if (value && value.length > 0) {
+        this.colors = this.$randomColor({
+          count: value.length,
+          hue: 'random',
+          luminosity: 'random',
+        });
+      }
+    },
+  },
 };
 </script>
 <style lang="scss">