diff --git a/src/pages/Customer/components/CustomerSummaryTableActions.vue b/src/pages/Customer/components/CustomerSummaryTableActions.vue
index ea5530170..09888cfd0 100644
--- a/src/pages/Customer/components/CustomerSummaryTableActions.vue
+++ b/src/pages/Customer/components/CustomerSummaryTableActions.vue
@@ -1,12 +1,10 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
 
-import { useQuasar } from 'quasar';
-
-import TicketSummaryDialog from 'src/pages/Ticket/Card/TicketSummaryDialog.vue';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import TicketSummary from 'src/pages/Ticket/Card/TicketSummary.vue';
 
 const { t } = useI18n();
-const quasar = useQuasar();
 
 const $props = defineProps({
     id: {
@@ -15,14 +13,7 @@ const $props = defineProps({
     },
 });
 
-const viewSummary = () => {
-    quasar.dialog({
-        component: TicketSummaryDialog,
-        componentProps: {
-            id: $props.id,
-        },
-    });
-};
+const { viewSummary } = useSummaryDialog();
 </script>
 
 <template>
@@ -33,7 +24,7 @@ const viewSummary = () => {
             </QTooltip>
         </QIcon>
         <QIcon
-            @click.stop="viewSummary"
+            @click.stop="viewSummary(id, TicketSummary)"
             class="q-ml-md"
             color="primary"
             name="preview"