-[x] Added Back Refresh Toast

IATI · Jan 24, 2025 · 1f14fcb · 1f14fcb
1 parent 949cfc0
commit 1f14fcb
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/resources/assets/js/views/activity/ActivityDetail.vue b/resources/assets/js/views/activity/ActivityDetail.vue
@@ -72,6 +72,13 @@
                 class="mr-3 whitespace-nowrap"
               />
 
+              <!-- refresh toast message -->
+              <RefreshToastMessage
+                v-if="refreshToastMsg.visibility"
+                :message="refreshToastMsg.refreshMessage"
+                :type="refreshToastMsg.refreshMessageType"
+                class="mr-3 whitespace-nowrap"
+              />
               <ErrorPopupForPublish
                 v-if="errorData.visibility"
                 :message="errorData.message"
@@ -392,6 +399,7 @@ import Toast from 'Components/ToastMessage.vue';
 import ErrorPopupForPublish from 'Components/ErrorPopupForPublish.vue';
 import getActivityTitle from 'Composable/title';
 import XlsUploadIndicator from 'Components/XlsUploadIndicator.vue';
+import RefreshToastMessage from 'Activity/bulk-publish/RefreshToast.vue';
 import PublishSelected from 'Activity/bulk-publish/PublishSelected.vue';
 
 // Activity Components
@@ -419,6 +427,7 @@ export default defineComponent({
     PreviouslyPublished,
     XlsUploadIndicator,
     Toast,
+    RefreshToastMessage,
     PublishSelected,
   },
   props: {
@@ -486,6 +495,13 @@ export default defineComponent({
       };
     }
 
+    const refreshToastMsg = reactive({
+      visibility: false,
+      refreshMessageType: true,
+      refreshMessage:
+        'Activity has been published successfully, refresh to see changes',
+    });
+
     const pa: Ref<paType> = useStorage('vue-use-local-storage', {
       publishingActivities: localStorage.getItem('publishingActivities') ?? {},
     });
@@ -751,6 +767,7 @@ export default defineComponent({
     provide('activityId', props.activity.id);
     provide('elements', props.elements);
     provide('activities', publishingActivities as Ref);
+    provide('refreshToastMsg', refreshToastMsg);
 
     indexStore.dispatch('updateSelectedActivities', [activity.value.id]);
 
@@ -815,6 +832,7 @@ export default defineComponent({
       toggleSidebar,
       istopVisible,
       screenWidth,
+      refreshToastMsg,
       publishingActivities,
       width,
       indexStore,

diff --git a/resources/assets/js/views/activity/partials/PageTitle.vue b/resources/assets/js/views/activity/partials/PageTitle.vue
@@ -77,6 +77,11 @@
           <div
             class="inline-flex shrink-0 flex-col items-end justify-end gap-3 lg:flex-row"
           >
+            <RefreshToastMessage
+              v-if="refreshToastMsg.visibility"
+              :message="refreshToastMsg.refreshMessage"
+              :type="refreshToastMsg.refreshMessageType"
+            />
             <div class="flex flex-col items-end gap-2 lg:flex-row">
               <div class="flex gap-2">
                 <DownloadActivityButton />
@@ -124,6 +129,7 @@ import { inject, ref, Ref, defineProps } from 'vue';
 import DownloadActivityButton from './DownloadActivityButton.vue';
 import AddActivityButton from './AddActivityButton.vue';
 import Toast from 'Components/ToastMessage.vue';
+import RefreshToastMessage from 'Activity/bulk-publish/RefreshToast.vue';
 import PublishSelected from 'Activity/bulk-publish/PublishSelected.vue';
 import DeleteButton from 'Components/buttons/DeleteButton.vue';
 import BtnComponent from 'Components/ButtonComponent.vue';
@@ -133,6 +139,13 @@ import ErrorPopupForPublish from 'Components/ErrorPopupForPublish.vue';
 import { ToastInterface } from 'Interfaces/ToastInterface';
 import { ErrorInterface } from 'Interfaces/ErrorInterface';
 
+interface RefreshToastMsgTypeface {
+  visibility: boolean;
+  refreshMessageType: boolean;
+  refreshMessage: string;
+}
+
+const refreshToastMsg = inject('refreshToastMsg') as RefreshToastMsgTypeface;
 const toastMessage = inject('toastData') as ToastInterface;
 const errorData = inject('errorData') as ErrorInterface;
 const store = useStore();