Add icon colors to map

codeformuenster · Nov 11, 2017 · e58ee48 · e58ee48
1 parent 5846d3d
commit e58ee48
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 7 deletions.
diff --git a/src/Components/LunchMap.css b/src/Components/LunchMap.css
@@ -35,6 +35,26 @@
   background:#23d160;
   border: 4px solid #13b150
 }
+.lu-icon.construction {
+  background:hsl(348, 100%, 61%);
+}
+.lu-icon.kindergarden {
+  background:hsl(171, 100%, 41%);
+}
+.lu-icon.playground {
+  background:hsl(48, 100%, 67%);
+  color:hsl(0, 0%, 21%);
+}
+.lu-icon.pool {
+  background:hsl(204, 86%, 53%);
+}
+.lu-icon.wc {
+  background: hsl(0, 0%, 96%);
+  color:hsl(0, 0%, 21%);
+}
+.lu-icon.wifi {
+  background:hsl(0, 0%, 21%);
+}
 
 .LunchMap {height:255px}
 

diff --git a/src/Components/LunchMap.tsx b/src/Components/LunchMap.tsx
@@ -85,12 +85,12 @@ class LunchMap extends React.Component<ILunchMapProps, any> {
     var iconDefault = this.getIcon('paw');
 
     const categoryIcons = {
-      'kindergarden': this.getIcon('baby-buggy'),
-      'construction': this.getIcon('vlc'),
-      'wifi': this.getIcon('wifi'),
-      'playground': this.getIcon('castle'),
-      'pool': this.getIcon('pool'),
-      'wc': this.getIcon('human-male-female')
+      'kindergarden': this.getIcon('baby-buggy', 'kindergarden'),
+      'construction': this.getIcon('vlc', 'construction'),
+      'wifi': this.getIcon('wifi', 'wifji'),
+      'playground': this.getIcon('castle', 'playground'),
+      'pool': this.getIcon('pool', 'pool'),
+      'wc': this.getIcon('human-male-female', 'wc')
     };
 
     var rows = [];
@@ -132,7 +132,7 @@ class LunchMap extends React.Component<ILunchMapProps, any> {
     return divIcon({
       className: 'lu-icon ' + extraClass,
       iconSize: new Point(40, 40),
-      html: '<i class="mdi mdi-' + name + '"></i>'
+      html: '<i class="mdi mdi-' + name + ' is-info"></i>'
     });
   }