Added section ID icons to hunt optimizer.

src/ui/SectionIdIcon.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { SectionId } from "../domain";
+
+export function SectionIdIcon({
+    sectionId,
+    size = 28,
+    title
+}: {
+    sectionId: SectionId,
+    size?: number,
+    title?: string
+}) {
+    return (
+        <div
+            title={title}
+            style={{
+                display: 'inline-block',
+                width: size,
+                height: size,
+                backgroundImage: `url(${process.env.PUBLIC_URL}/images/sectionids/${sectionId}.png)`,
+                backgroundSize: size
+            }}
+        />
+    );
+}

src/ui/hunt-optimizer/OptimizationResultComponent.less

@@ -7,4 +7,10 @@
 
 .ho-OptimizationResultComponent-table {
     flex: 1;
+}
+
+.ho-OptimizationResultComponent-sid-col {
+    display: inline-block;
+    height: 20px;
+    margin: 0 3px;
 }

src/ui/hunt-optimizer/OptimizationResultComponent.tsx

@@ -4,6 +4,7 @@ import React from "react";
 import { AutoSizer, Index } from "react-virtualized";
 import { huntOptimizerStore, OptimalMethod } from "../../stores/HuntOptimizerStore";
 import { Column, DataTable } from "../dataTable";
+import { SectionIdIcon } from "../SectionIdIcon";
 import { hoursToString } from "../time";
 import "./OptimizationResultComponent.less";
 
@@ -37,8 +38,13 @@ export class OptimizationResultComponent extends React.Component {
             {
                 name: 'Section ID',
                 width: 80,
-                cellRenderer: (result) => result.sectionIds.join(', '),
-                tooltip: (result) => result.sectionIds.join(', '),
+                cellRenderer: (result) => (
+                    <div className="ho-OptimizationResultComponent-sid-col">
+                        {result.sectionIds.map(sid =>
+                            <SectionIdIcon sectionId={sid} title={sid} key={sid} size={20} />
+                        )}
+                    </div>
+                ),
             },
             {
                 name: 'Time/Run',