From 37b7410453eb2ab940b3b1b0f039c88dbb6a3466 Mon Sep 17 00:00:00 2001
From: Kiril Videlov <kiril@videlov.com>
Date: Tue, 21 Feb 2023 10:21:31 +0100
Subject: [PATCH] workaround for delta timestamps after session end

---
 .../[projectId]/sessionv2/[sessionId]/+page.svelte         | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/routes/projects/[projectId]/sessionv2/[sessionId]/+page.svelte b/src/routes/projects/[projectId]/sessionv2/[sessionId]/+page.svelte
index f8a02e4e2..fd83b7912 100644
--- a/src/routes/projects/[projectId]/sessionv2/[sessionId]/+page.svelte
+++ b/src/routes/projects/[projectId]/sessionv2/[sessionId]/+page.svelte
@@ -2,9 +2,8 @@
     import MdKeyboardArrowLeft from "svelte-icons/md/MdKeyboardArrowLeft.svelte";
     import MdKeyboardArrowRight from "svelte-icons/md/MdKeyboardArrowRight.svelte";
     import type { PageData } from "./$types";
-    import { add, format, differenceInSeconds } from "date-fns";
+    import { add, format, differenceInSeconds, addSeconds } from "date-fns";
     import { page } from "$app/stores";
-    import { fi } from "date-fns/esm/locale";
 
     export let data: PageData;
     $: session = data.session;
@@ -13,7 +12,7 @@
     $: deltas = data.deltas;
 
     $: start = new Date($session.meta.startTimestampMs);
-    $: end = new Date($session.meta.lastTimestampMs);
+    $: end = addSeconds(new Date($session.meta.lastTimestampMs), 10); // For some reason, some deltas are stamped a few seconds after the session end
     $: midpoint = add(start, {
         seconds: differenceInSeconds(end, start) * 0.5,
     });
@@ -37,8 +36,8 @@
         const col = Math.floor(rat * 63 + 17);
         return col;
     };
-
 </script>
+
 <div class="flex flex-col h-full  text-zinc-400">
     <header
         class="flex items-center justify-between flex-none px-6 py-4 border-b border-zinc-700"