From c56c076ab34511b100d69b6621e1144723cc975e Mon Sep 17 00:00:00 2001
From: Bavo Vanderghote <bavovanderghote@Bavos-MacBook-Pro.local>
Date: Wed, 22 Jul 2020 11:56:40 +0200
Subject: [PATCH] added icons to enabled layers

---
 UI/LayerSelection.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/UI/LayerSelection.ts b/UI/LayerSelection.ts
index 973b26e..bdb3ee4 100644
--- a/UI/LayerSelection.ts
+++ b/UI/LayerSelection.ts
@@ -1,6 +1,7 @@
 import { UIElement } from "./UIElement";
 import { FilteredLayer } from "../Logic/FilteredLayer";
 import { CheckBox } from "./Base/CheckBox";
+import Combine from "./Base/Combine";
 
 export class LayerSelection extends UIElement{
 
@@ -10,7 +11,10 @@ export class LayerSelection extends UIElement{
       super(undefined);
       this._checkboxes = [];
       for (const layer of layers) {
-        this._checkboxes.push(new CheckBox(layer.isDisplayed, `isEnabled ${layer.layerDef.name}`, `isDisabled ${layer.layerDef.name}`));
+        this._checkboxes.push(new CheckBox(
+          layer.isDisplayed,
+          new Combine([layer.layerDef.name, `<img src="${layer.layerDef.icon}" alt="${layer.layerDef.icon}">`]),
+          layer.layerDef.name));
       }
     }