From da83cd0a3f6be30f7e57f6d920388df2ac7c9a37 Mon Sep 17 00:00:00 2001
From: Robin Munn <rmunn@pobox.com>
Date: Wed, 15 Jan 2025 03:35:42 -0500
Subject: [PATCH] Add close buttons to history & activity views (#1376)

---
 frontend/viewer/src/lib/activity/ActivityView.svelte | 7 +++++--
 frontend/viewer/src/lib/history/HistoryView.svelte   | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/viewer/src/lib/activity/ActivityView.svelte b/frontend/viewer/src/lib/activity/ActivityView.svelte
index 953d71e03..2797524ce 100644
--- a/frontend/viewer/src/lib/activity/ActivityView.svelte
+++ b/frontend/viewer/src/lib/activity/ActivityView.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {mdiHistory} from '@mdi/js';
+  import {mdiCloseCircle, mdiHistory} from '@mdi/js';
   import {
     cls,
     DurationUnits,
@@ -51,7 +51,10 @@
     </div>
   </Button>
   <Dialog {open} on:close={toggleOff} {loading} persistent={loading} class="w-[700px]">
-    <div slot="title">Activity</div>
+    <div slot="title">
+      Activity
+      <Button on:click={toggleOff} icon={mdiCloseCircle} class="float-end" rounded="full"></Button>
+    </div>
     <div class="m-6 grid gap-x-6 h-[50vh]" style="grid-template-columns: auto 4fr">
       <div class="flex flex-col gap-4 overflow-y-auto">
         <div class="border rounded-md">
diff --git a/frontend/viewer/src/lib/history/HistoryView.svelte b/frontend/viewer/src/lib/history/HistoryView.svelte
index d1a4a7abc..36f8737e3 100644
--- a/frontend/viewer/src/lib/history/HistoryView.svelte
+++ b/frontend/viewer/src/lib/history/HistoryView.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {mdiHistory} from '@mdi/js';
+  import {mdiCloseCircle, mdiHistory} from '@mdi/js';
   import {Button, cls, Dialog, Duration, DurationUnits, InfiniteScroll, ListItem, Toggle} from 'svelte-ux';
   import EntryEditor from '../entry-editor/object-editors/EntryEditor.svelte';
   import SenseEditor from '../entry-editor/object-editors/SenseEditor.svelte';
@@ -35,7 +35,10 @@
     </div>
   </Button>
   <Dialog {open} on:close={toggleOff} {loading} persistent={loading} class="w-[700px]">
-    <div slot="title">History</div>
+    <div slot="title">
+      History
+      <Button on:click={toggleOff} icon={mdiCloseCircle} class="float-end" rounded="full"></Button>
+    </div>
     <div class="m-6 grid gap-x-6 h-[50vh]" style="grid-template-columns: auto 4fr;">
 
       <div class="flex flex-col gap-4 overflow-y-auto">