From: Adam Dullage <redacted>
Date: Fri, 3 May 2024 10:56:17 +0000 (+0100)
Subject: Implement ToastViewer component in note view
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=08e32987792c0c1db0d243df988728677e45b7ae;p=flatnotes.git

Implement ToastViewer component in note view
---

diff --git a/client/views/Note.vue b/client/views/Note.vue
index d06f044..d7fd095 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -1,12 +1,15 @@
 <template>
   <div class="h-full">
+    <!-- Loading -->
     <LoadingIndicator
       v-if="showLoadingIndicator"
       ref="loadingIndicator"
       class="flex h-full items-center justify-center"
     />
 
+    <!-- Loaded -->
     <div v-else>
+      <!-- Confirm Deletion Modal -->
       <ConfirmModal
         ref="deleteConfirmModal"
         title="Confirm Deletion"
@@ -14,6 +17,7 @@
         isDanger
         @confirm="deleteConfirmedHandler"
       />
+
       <!-- Header -->
       <div class="flex items-end">
         <!-- View -->
@@ -51,9 +55,11 @@
           />
         </div>
       </div>
+
       <hr class="my-4 border-theme-border" />
+
       <!-- Content -->
-      <div v-if="note.content">{{ note.content }}</div>
+      <ToastViewer v-if="!editMode" :initialValue="note.content" />
     </div>
   </div>
 </template>
@@ -75,6 +81,7 @@ import { Note } from "../classes.js";
 import ConfirmModal from "../components/ConfirmModal.vue";
 import CustomButton from "../components/CustomButton.vue";
 import LoadingIndicator from "../components/LoadingIndicator.vue";
+import ToastViewer from "../components/Toast/ToastViewer.vue";
 import { getUnknownServerErrorToastOptions } from "../helpers.js";
 
 const props = defineProps({