From bbebf32a1f03289a2e53ee38902432c51fce91e0 Mon Sep 17 00:00:00 2001
From: Alfred Nutile <alfrednutile@gmail.com>
Date: Wed, 26 Jun 2024 12:12:16 -0400
Subject: [PATCH] UI Regression did not show document summary in UI

---
 composer.json                                            | 1 +
 composer.lock                                            | 2 +-
 .../js/Pages/Collection/Components/ShowDocument.vue      | 9 +++++++--
 .../js/Pages/Collection/Components/UpdateSummary.vue     | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/composer.json b/composer.json
index 61b7bb29..31dc64e3 100644
--- a/composer.json
+++ b/composer.json
@@ -24,6 +24,7 @@
         "openai-php/laravel": "^0.8.1",
         "owenvoke/blade-fontawesome": "^2.3",
         "phpoffice/phppresentation": "dev-fix-pptx",
+        "pusher/pusher-php-server": "^7.2",
         "roach-php/core": "^3.2",
         "roach-php/laravel": "^3.1",
         "smalot/pdfparser": "^2.9",
diff --git a/composer.lock b/composer.lock
index 1d02bddf..e4ca7076 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "919e8afdcc8646c5063438a44bf5cb9d",
+    "content-hash": "8329b74149faa83517f26bc239aeeeaa",
     "packages": [
         {
             "name": "amphp/amp",
diff --git a/resources/js/Pages/Collection/Components/ShowDocument.vue b/resources/js/Pages/Collection/Components/ShowDocument.vue
index f2f28a69..d5cdbecf 100644
--- a/resources/js/Pages/Collection/Components/ShowDocument.vue
+++ b/resources/js/Pages/Collection/Components/ShowDocument.vue
@@ -44,12 +44,13 @@
                             </div>
                         </div>
                       <div
-                          v-else
+                          v-if="!updating"
                           class="prose  mb-10 mt-5" v-html="documentToShow.summary_markdown"></div>
                     </div>
                   </div>
                 </DialogPanel>
               </TransitionChild>
+
             </div>
           </div>
         </div>
@@ -64,7 +65,7 @@ import { XMarkIcon } from '@heroicons/vue/24/outline'
 import Tags from '@/Components/Tags.vue';
 import UpdateSummary from "./UpdateSummary.vue";
 import {router} from "@inertiajs/vue3";
-import {ref} from "vue";
+import {onMounted, ref} from "vue";
 
 const props = defineProps({
     document: Object,
@@ -73,6 +74,10 @@ const props = defineProps({
 
 const documentToShow = ref(props.document);
 
+onMounted(() => {
+    documentToShow.value = props.document;
+});
+
 const emit = defineEmits(['closing']);
 
 const updating = ref(false);
diff --git a/resources/js/Pages/Collection/Components/UpdateSummary.vue b/resources/js/Pages/Collection/Components/UpdateSummary.vue
index dc4e1619..cb042273 100644
--- a/resources/js/Pages/Collection/Components/UpdateSummary.vue
+++ b/resources/js/Pages/Collection/Components/UpdateSummary.vue
@@ -42,7 +42,7 @@ const updateSummary = () => {
     <button
         :disabled="running"
         type="button"
-        class="btn btn-primary rounded-none"
+        class="btn btn-primary rounded-none mt-2"
         @click="updateSummary">
         Generate Summary
     </button>