From 5e112c2a73e2a4163a3d5234f565242dd68d56ea Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Sat, 3 Apr 2021 12:43:32 +0200
Subject: [PATCH] add time to log entries.

---
 svelte-ui/src/components/ChildEntry.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/svelte-ui/src/components/ChildEntry.svelte b/svelte-ui/src/components/ChildEntry.svelte
index a98ffea..3129185 100644
--- a/svelte-ui/src/components/ChildEntry.svelte
+++ b/svelte-ui/src/components/ChildEntry.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { IconName, iconNames } from "../external/icons";
+import { formatTime } from "../utils/time";
   import DaysLeft from "./DaysLeft.svelte";
   import Icon from "./Icon.svelte";
   import LinkHook from "./LinkHook.svelte";
@@ -14,6 +15,7 @@
     startTime?: string
     endTime?: string
     createdTime?: string
+    loggedTime?: string
 
     active?: boolean
     completedAmount?: number
@@ -30,9 +32,11 @@
 
   let iconName: IconName;
   let displayName: string;
+  let displayTime: string;
 
   $: iconName = entry.task?.icon || entry.icon;
   $: displayName = entry.name || entry.task?.name || "";
+  $: displayTime = entry.loggedTime ? formatTime(entry.loggedTime) : "";
 </script>
 
 <div class="child-entry">
@@ -50,6 +54,11 @@
           <DaysLeft startTime={entry.startTime || entry.createdTime} endTime={entry.endTime} />
         </div>
       {/if}
+      {#if (displayTime != null)}
+        <div class="times">
+          {displayTime}
+        </div>
+      {/if}
     </div>
     <div class="entry-body">
       <Markdown source={entry.description} />