Use useCategoryStore().get_category_color

Author: BelKed

src/util/color.ts

@@ -97,16 +97,6 @@ export function getCategoryColorFromString(str: string): string {
   }
 }
 
-export function getCategoryColor(category_name: string[]): string {
-  // TODO: Don't load classes on every call
-  const allCats = loadClasses();
-  const c = allCats.find(cat => _.isEqual(cat.name, category_name));
-  if (c !== undefined) {
-    return getColorFromCategory(c, allCats);
-  }
-  return fallbackColor(category_name.join(' > '));
-}
-
 function fallbackColor(str: string): string {
   // Get fallback color
   // TODO: Fetch setting from somewhere better, where defaults are respected

src/visualizations/summary.ts

@@ -4,7 +4,8 @@ import * as d3 from 'd3';
 import Color from 'color';
 import _ from 'lodash';
 
-import { getCategoryColor, getCategoryColorFromString } from '~/util/color';
+import { useCategoryStore } from '~/stores/categories';
+import { getCategoryColorFromString } from '~/util/color';
 import { seconds_to_duration } from '~/util/time';
 import { IEvent } from '~/util/interfaces';
 
@@ -73,7 +74,8 @@ function update(container: HTMLElement, apps: Entry[]) {
 
     let appcolor: string;
     if (Array.isArray(app.colorKey)) {
-      appcolor = getCategoryColor(app.colorKey);
+      const categoryStore = useCategoryStore();
+      appcolor = categoryStore.get_category_color(app.colorKey);
     } else {
       appcolor = app.color || getCategoryColorFromString(app.colorKey || app.name);
     }