move MessageEditMediaModal to App.vue in order to fix its caching

nkonev · Feb 10, 2025 · f306dc4 · f306dc4
1 parent fd4164b
commit f306dc4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -145,6 +145,8 @@
         <ChooseColorModal/>
         <PublishedMessagesModal/>
         <SetPasswordModal/>
+        <!-- we store MessageEditMediaModal here in order to make its cache working -->
+        <MessageEditMediaModal/>
       </v-main>
 
     <v-navigation-drawer :location="isMobile() ? 'left' : 'right'" v-model="chatStore.showDrawer">
@@ -244,6 +246,7 @@ import {createBrowserNotificationIfPermitted, removeBrowserNotification} from "@
 import {getHumanReadableDate} from "@/date.js";
 import onFocusMixin from "@/mixins/onFocusMixin.js";
 import SetPasswordModal from "@/SetPasswordModal.vue";
+import MessageEditMediaModal from "@/MessageEditMediaModal.vue";
 
 const audio = new Audio(`${prefix}/call.mp3`);
 
@@ -843,6 +846,7 @@ export default {
         ChooseSmileyModal,
         PublishedMessagesModal,
         SetPasswordModal,
+        MessageEditMediaModal,
     },
     watch: {
       'chatStore.notificationsCount': {

diff --git a/frontend/src/MessageEdit.vue b/frontend/src/MessageEdit.vue
@@ -120,7 +120,6 @@
 
       <!-- We store modals outside of container in order they not to contribute into the height (as it is done in App.vue) -->
       <MessageEditLinkModal/>
-      <MessageEditMediaModal/>
       <RecordingModal/>
     </v-container>
 </template>
@@ -166,7 +165,6 @@
     } from "@/store/localStore"
 
     import MessageEditLinkModal from "@/MessageEditLinkModal";
-    import MessageEditMediaModal from "@/MessageEditMediaModal";
     import {mapStores} from "pinia";
     import {fileUploadingSessionTypeMessageEdit, useChatStore} from "@/store/chatStore";
     import throttle from "lodash/throttle";
@@ -703,7 +701,6 @@
         components: {
             Tiptap,
             MessageEditLinkModal,
-            MessageEditMediaModal,
             RecordingModal,
         }
     }