From 0bc2109534f4dc66e82bcb1625fa657482603c69 Mon Sep 17 00:00:00 2001
From: Kiril Videlov <kiril@videlov.com>
Date: Tue, 28 Feb 2023 09:46:48 +0100
Subject: [PATCH] display session activity

---
 src/lib/components/timeline/index.ts                  |  1 +
 src/routes/projects/[projectId]/timeline/+page.svelte | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/lib/components/timeline/index.ts b/src/lib/components/timeline/index.ts
index 7a3e7e00a..2e73bfcfb 100644
--- a/src/lib/components/timeline/index.ts
+++ b/src/lib/components/timeline/index.ts
@@ -1 +1,2 @@
 export { default as TimelineDaySession } from './TimelineDaySession.svelte';
+export { default as TimelineDaySessionActivities } from './TimelineDaySessionActivities.svelte';
diff --git a/src/routes/projects/[projectId]/timeline/+page.svelte b/src/routes/projects/[projectId]/timeline/+page.svelte
index 977ecb028..a44098481 100644
--- a/src/routes/projects/[projectId]/timeline/+page.svelte
+++ b/src/routes/projects/[projectId]/timeline/+page.svelte
@@ -13,6 +13,7 @@
 	import { add, format, differenceInSeconds, addSeconds } from 'date-fns';
 	import { Slider } from 'fluent-svelte';
 	import { CodeViewer } from '$lib/components';
+	import TimelineDaySessionActivities from '$lib/components/timeline/TimelineDaySessionActivities.svelte';
 	import 'fluent-svelte/theme.css';
 
 	export let data: PageData;
@@ -282,6 +283,16 @@
 													{toHumanBranchName(uiSession.session.meta.branch)}
 												</div>
 
+												<div id="activities">
+													<div class="my-2 mx-1 bg-red-500">
+														<TimelineDaySessionActivities
+															activities={uiSession.session.activity}
+															sessionStart={uiSession.session.meta.startTimestampMs}
+															sessionEnd={uiSession.session.meta.lastTimestampMs}
+														/>
+													</div>
+												</div>
+
 												<div
 													class="flex flex-col h-full overflow-y-hidden p-1"
 													id="sessions-details"