Merge branch 'dev' into Fix-TicketSummaryAddress

src/pages/Ticket/Card/TicketVolume.vue

@@ -11,6 +11,7 @@ import { useStateStore } from 'stores/useStateStore';
 import { dashIfEmpty } from 'src/filters';
 import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
+import RightMenu from 'src/components/common/RightMenu.vue';
 
 const route = useRoute();
 const stateStore = useStateStore();
@@ -23,7 +24,7 @@ watch(
     async () => {
         await nextTick();
         salesRef.value?.fetch();
-    }
+    },
 );
 
 const salesFilter = computed(() => ({
@@ -100,10 +101,8 @@ onMounted(() => (stateStore.rightDrawer = true));
         @on-fetch="(data) => applyVolumes(data)"
         auto-load
     />
-    <Teleport
-        to="#right-panel"
-        v-if="stateStore.isHeaderMounted() && packingTypeVolume.length"
-    >
+    <RightMenu>
+        <template #right-panel>
             <QCard
                 v-for="(packingType, index) in packingTypeVolume"
                 :key="index"
@@ -122,7 +121,8 @@ onMounted(() => (stateStore.rightDrawer = true));
                     <span> {{ t('volume.volume') }}: {{ packingType.volume }} </span>
                 </QCardSection>
             </QCard>
-    </Teleport>
+        </template>
+    </RightMenu>
     <VnTable
         ref="tableRef"
         data-key="TicketVolume"