From a152c1d6921e710291eb3104ccbe4a66c4798c8b Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Mon, 14 Oct 2024 11:30:09 -0500
Subject: [PATCH] clean up, add snackbar for copying code

---
 webapp/src/components/DFCode.vue     | 16 +++++++++++++++-
 webapp/src/components/DFMapPopup.vue |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/DFCode.vue b/webapp/src/components/DFCode.vue
index 1054439..14c1363 100644
--- a/webapp/src/components/DFCode.vue
+++ b/webapp/src/components/DFCode.vue
@@ -6,6 +6,17 @@
     <code ref="codeContent">
       <slot></slot>
     </code>
+    <v-snackbar color="#0081ac" v-model="snackbarOpen" :timeout="3000">
+      Copied to clipboard!
+      <template v-slot:actions>
+        <v-btn
+          variant="text"
+          @click="snackbarOpen = false"
+        >
+          <v-icon>mdi-close</v-icon>
+        </v-btn>
+      </template>
+    </v-snackbar>
   </div>
 </template>
 
@@ -13,10 +24,13 @@
 import { ref } from 'vue';
 
 const codeContent = ref<HTMLElement | null>(null);
+const snackbarOpen = ref(false);
 
 function copyToClipboard() {
   if (codeContent.value) {
-    navigator.clipboard.writeText(codeContent.value.innerText);
+    navigator.clipboard.writeText(codeContent.value.innerText)
+      .then(() => snackbarOpen.value = true)
+      .catch(() => console.error('Failed to copy to clipboard'));
   }
 }
 </script>
diff --git a/webapp/src/components/DFMapPopup.vue b/webapp/src/components/DFMapPopup.vue
index 4ca113e..cdab7ac 100644
--- a/webapp/src/components/DFMapPopup.vue
+++ b/webapp/src/components/DFMapPopup.vue
@@ -1,6 +1,6 @@
 <template>
   <v-sheet>
-    <v-data-table density="compact" hide-default-footer disable-sort :items="kvTags" />
+    <v-data-table density="compact" hide-default-header hide-default-footer disable-sort :items="kvTags" />
   </v-sheet>
 </template>