SVG icons

ui/components/all-parameters.ts

@@ -22,6 +22,7 @@ import { m } from "../components";
 import * as taskQueue from "../task-queue";
 import { parse } from "../../lib/common/expression-parser";
 import memoize from "../../lib/common/memoize";
+import { getIcon } from "../icons";
 
 const memoizedParse = memoize(parse);
 
@@ -86,7 +87,7 @@ const component: ClosureComponent = (): Component => {
                       });
                     }
                   },
-                  "✕"
+                  getIcon("delete-instance")
                 )
               );
             } else {
@@ -103,7 +104,7 @@ const component: ClosureComponent = (): Component => {
                       });
                     }
                   },
-                  "🞢"
+                  getIcon("add-instance")
                 )
               );
             }
@@ -122,7 +123,7 @@ const component: ClosureComponent = (): Component => {
                   });
                 }
               },
-              "↺"
+              getIcon("refresh")
             )
           );
 

ui/components/device-faults.ts

@@ -21,6 +21,7 @@ import { ClosureComponent, Component } from "mithril";
 import { m } from "../components";
 import * as store from "../store";
 import * as notifications from "../notifications";
+import { getIcon } from "../icons";
 
 const component: ClosureComponent = (): Component => {
   return {
@@ -71,7 +72,7 @@ const component: ClosureComponent = (): Component => {
                     });
                 }
               },
-              "✕"
+              getIcon("remove")
             )
           )
         ]);

ui/components/parameter-table.ts

@@ -22,6 +22,7 @@ import { m } from "../components";
 import * as taskQueue from "../task-queue";
 import * as store from "../store";
 import * as expressionParser from "../../lib/common/expression-parser";
+import { getIcon } from "../icons";
 
 const component: ClosureComponent = (): Component => {
   return {
@@ -104,7 +105,7 @@ const component: ClosureComponent = (): Component => {
                     });
                   }
                 },
-                "✕"
+                getIcon("delete-instance")
               )
             )
           );
@@ -137,7 +138,7 @@ const component: ClosureComponent = (): Component => {
                     });
                   }
                 },
-                "🞢"
+                getIcon("add-instance")
               )
             )
           )

ui/components/parameter.ts

@@ -24,6 +24,7 @@ import * as store from "../store";
 import * as expression from "../../lib/common/expression";
 import memoize from "../../lib/common/memoize";
 import timeAgo from "../timeago";
+import { getIcon } from "../icons";
 
 const evaluateParam = memoize((exp, obj, now: number) => {
   let timestamp = now;
@@ -82,7 +83,7 @@ const component: ClosureComponent = (): Component => {
               });
             }
           },
-          "✎"
+          getIcon("edit")
         );
       }
 

ui/components/tags.ts

@@ -21,6 +21,7 @@ import { ClosureComponent, Component } from "mithril";
 import { m } from "../components";
 import * as notifications from "../notifications";
 import * as store from "../store";
+import { getIcon } from "../icons";
 
 const component: ClosureComponent = (): Component => {
   return {
@@ -68,12 +69,13 @@ const component: ClosureComponent = (): Component => {
                     });
                 }
               },
-              "✕"
+              getIcon("remove")
             )
           )
         ),
         m(
           "span.tag.writable",
+          m.trust(" "),
           m(
             "button",
             {
@@ -99,7 +101,7 @@ const component: ClosureComponent = (): Component => {
                   });
               }
             },
-            "🞢"
+            getIcon("add")
           )
         )
       );