From fb6d952c31447f7176f246523ac30d9eef16e3c9 Mon Sep 17 00:00:00 2001
From: YudhistiraA <aryarajasa0@gmail.com>
Date: Fri, 4 Oct 2024 15:51:17 +0800
Subject: [PATCH] footer preview

---
 resources/js/Components/Websites/Footer/Content.ts   |  2 +-
 .../Grp/Org/Web/Workshop/Footer/FooterWorkshop.vue   |  1 +
 resources/js/Pages/Grp/Web/PreviewWorkshop.vue       | 12 ++++++------
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/resources/js/Components/Websites/Footer/Content.ts b/resources/js/Components/Websites/Footer/Content.ts
index 7fd5bc799c..7fa12ad6ea 100644
--- a/resources/js/Components/Websites/Footer/Content.ts
+++ b/resources/js/Components/Websites/Footer/Content.ts
@@ -10,7 +10,7 @@ import { data as dataFooter1, bluprintForm as bluprintForm1  } from '@/Component
 
 export const getComponent = (componentName: string) => {
     const components: Component = {
-        'footer1': Footer1,
+        'FooterTheme1': Footer1,
     }
 
     return components[componentName] ?? NotFoundComponents
diff --git a/resources/js/Pages/Grp/Org/Web/Workshop/Footer/FooterWorkshop.vue b/resources/js/Pages/Grp/Org/Web/Workshop/Footer/FooterWorkshop.vue
index bd4c117564..704ee1d10e 100644
--- a/resources/js/Pages/Grp/Org/Web/Workshop/Footer/FooterWorkshop.vue
+++ b/resources/js/Pages/Grp/Org/Web/Workshop/Footer/FooterWorkshop.vue
@@ -50,6 +50,7 @@ const iframeSrc = ref(route('grp.websites.header.preview', [route().params['webs
 
 
 const onPickTemplate = (footer: Object) => {
+    console.log(footer)
     isModalOpen.value = false
     usedTemplates.value = footer
 }
diff --git a/resources/js/Pages/Grp/Web/PreviewWorkshop.vue b/resources/js/Pages/Grp/Web/PreviewWorkshop.vue
index ed53bc370d..ad9a45747e 100644
--- a/resources/js/Pages/Grp/Web/PreviewWorkshop.vue
+++ b/resources/js/Pages/Grp/Web/PreviewWorkshop.vue
@@ -36,7 +36,7 @@ const debouncedSendUpdate = debounce((block) => sendBlockUpdate(block), 1000, {
 const data = ref(cloneDeep(props.webpage))
 const layout = reactive({
     header: {...props.header.header},
-    footer: {...props.footer},
+    footer: {...props.footer.footer},
     navigation: {...props.navigation},
     colorThemed: usePage().props?.iris?.color ? usePage().props?.iris?.color : { color: [...useColorTheme[2]] }
 });
@@ -66,7 +66,7 @@ onMounted(() => {
     if (socketLayout) socketLayout.actions.subscribe((value) => {
         console.log('sssd',value)
         layout.header = value.header.header;
-        layout.footer = value.footer;
+        layout.footer = value.footer.footer;
         layout.navigation = value.navigation;
     });
 });
@@ -118,12 +118,12 @@ console.log('preview',props)
             </div>
         </div>
 
-       <!--  <component 
-            :is="getComponentFooter(usedTemplates.key)"  
-            v-model="layout.footer.data"
+        <component 
+            :is="getComponentFooter(layout.footer.code)"  
+            v-model="layout.footer.data.footer"
             :keyTemplate="layout.footer" 
             :previewMode="false" 
             :colorThemed="layout.colorThemed" 
-        /> -->
+        />
     </div>
 </template>