diff --git a/src/pages/05_buy-sale/MainPage.vue b/src/pages/05_buy-sale/MainPage.vue
index 1b141e7f..ab8aa45b 100644
--- a/src/pages/05_buy-sale/MainPage.vue
+++ b/src/pages/05_buy-sale/MainPage.vue
@@ -1,9 +1,21 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
 import QuatationForm from './QuatationForm.vue';
+
+import FormDialog from 'src/components/FormDialog.vue';
+import HistoryEditComponent from 'src/components/03_customer-management/HistoryEditComponent.vue';
+
+const test = ref(true);
 </script>
 
 <template>
-  <QuatationForm />
+  <FormDialog no-footer no-address title="ประวัติการแก้ไข" v-model:modal="test">
+    <template #person>
+      <HistoryEditComponent />
+    </template>
+  </FormDialog>
+
+  <!-- <QuatationForm /> -->
 </template>
 
 <style scoped></style>