From e183cb475118763dc34f5f1f581a576456822007 Mon Sep 17 00:00:00 2001
From: Daan Vanden Bosch <daan.v.d.bosch@gmail.com>
Date: Wed, 12 Jun 2019 10:24:27 +0200
Subject: [PATCH] Formatted time nicely.

---
 src/ui/hunt-optimizer/MethodsComponent.tsx            | 6 ++++--
 src/ui/hunt-optimizer/OptimizationResultComponent.tsx | 8 ++++----
 src/ui/time.ts                                        | 9 +++++++++
 3 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 src/ui/time.ts

diff --git a/src/ui/hunt-optimizer/MethodsComponent.tsx b/src/ui/hunt-optimizer/MethodsComponent.tsx
index 723e6f82..17e83562 100644
--- a/src/ui/hunt-optimizer/MethodsComponent.tsx
+++ b/src/ui/hunt-optimizer/MethodsComponent.tsx
@@ -6,6 +6,7 @@ import { EnemyNpcTypes } from "../../domain/NpcType";
 import { huntMethodStore } from "../../stores/HuntMethodStore";
 import "./MethodsComponent.css";
 import { DataTable, Column } from "../dataTable";
+import { hoursToString } from "../time";
 
 @observer
 export class MethodsComponent extends React.Component {
@@ -18,9 +19,10 @@ export class MethodsComponent extends React.Component {
                 cellValue: (method) => method.name,
             },
             {
-                name: 'Hours',
+                name: 'Time',
                 width: 50,
-                cellValue: (method) => method.time.toString(),
+                cellValue: (method) => hoursToString(method.time),
+                className: 'number',
             },
         ];
 
diff --git a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
index 09b58098..78a32ae4 100644
--- a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
+++ b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
@@ -6,6 +6,7 @@ import { Item } from "../../domain";
 import { huntOptimizerStore, OptimizationResult } from "../../stores/HuntOptimizerStore";
 import { Column, DataTable } from "../dataTable";
 import "./OptimizationResultComponent.less";
+import { hoursToString } from "../time";
 
 @observer
 export class OptimizationResultComponent extends React.Component {
@@ -39,10 +40,9 @@ export class OptimizationResultComponent extends React.Component {
                 cellValue: (result) => result.sectionId,
             },
             {
-                name: 'Hours/Run',
-                width: 85,
-                cellValue: (result) => result.methodTime.toFixed(2),
-                tooltip: (result) => result.methodTime.toString(),
+                name: 'Time/Run',
+                width: 80,
+                cellValue: (result) => hoursToString(result.methodTime),
                 className: 'number',
             },
             {
diff --git a/src/ui/time.ts b/src/ui/time.ts
new file mode 100644
index 00000000..ad7f51af
--- /dev/null
+++ b/src/ui/time.ts
@@ -0,0 +1,9 @@
+/**
+ * @param hours can be fractional.
+ * @returns a string of the shape ##:##.
+ */
+export function hoursToString(hours: number): string {
+    const h = Math.floor(hours);
+    const m = Math.round(60 * (hours - h));
+    return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}`;
+}