feat: change component name and api route

weni-ai · Sep 29, 2023 · ca7e29c · ca7e29c
1 parent cdf4ee9
commit ca7e29c
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 40 deletions.
diff --git a/src/api/appType/whatsapp_cloud/index.js b/src/api/appType/whatsapp_cloud/index.js
@@ -16,9 +16,8 @@ export default {
   configurePhoneNumber(data) {
     return request.$http.post(`${resource}/`, data);
   },
-  getWhatsAppCloudCatalogs(appUuid, params) {
-    const queryString = qs.stringify(params);
-    return request.$http.get(`${catalogsResource}/${appUuid}/catalogs/?${queryString}`);
+  getWhatsAppCloudCatalogs(appUuid) {
+    return request.$http.get(`${catalogsResource}/${appUuid}/catalogs/`);
   },
   fetchCatalogData(appUuid, catalogUuid) {
     return request.$http.get(`${catalogsResource}/${appUuid}/catalogs/${catalogUuid}/`);

diff --git a/src/components/whatsAppCatalogs/Card.vue b/src/components/whatsAppCatalogs/Card.vue
@@ -67,8 +67,8 @@
 
 <script>
   import { mapActions, mapState } from 'vuex';
-  /*   import debounce from 'lodash.debounce';
-  import { unnnicCallAlert } from '@weni/unnnic-system'; */
+  import debounce from 'lodash.debounce';
+  import { unnnicCallAlert } from '@weni/unnnic-system';
 
   export default {
     name: 'Card',
@@ -100,9 +100,9 @@
         ],
       };
     },
-    /*     created() {
+    created() {
       this.fetchData();
-    }, */
+    },
     computed: {
       ...mapState('WhatsAppCloud', [
         'loadingWhatsAppCloudCatalogs',
@@ -115,7 +115,7 @@
     },
     methods: {
       ...mapActions('WhatsAppCloud', ['getWhatsAppCloudCatalogs']),
-      /*       fetchData: debounce(async function () {
+      fetchData: debounce(async function () {
         const { appUuid } = this.$route.params;
 
         await this.getWhatsAppCloudCatalogs({ appUuid });
@@ -133,7 +133,7 @@
             seconds: 8,
           });
         }
-      }, 750), */
+      }, 750),
       modalDisableCatalog() {
         this.openModal = true;
       },

diff --git a/src/components/whatsAppCatalogs/Table.vue → src/components/whatsAppCatalogs/List.vue b/src/components/whatsAppCatalogs/Table.vue → src/components/whatsAppCatalogs/List.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="whatsapp-catalog-table">
-    <div class="whatsapp-catalog-table__header">
-      <div class="whatsapp-catalog-table__header__title">
+  <div class="whatsapp-catalog-list">
+    <div class="whatsapp-catalog-list__header">
+      <div class="whatsapp-catalog-list__header__title">
         <unnnic-card
-          class="whatsapp-catalog-table__header__title__text"
+          class="whatsapp-catalog-list__header__title__text"
           type="title"
           :title="$t('WhatsApp.catalog.list.title')"
           :hasInformationIcon="false"
@@ -14,7 +14,7 @@
           {{ $t('WhatsApp.catalog.list.description') }}
         </span>
       </div>
-      <div class="whatsapp-catalog-table__header__button">
+      <div class="whatsapp-catalog-list__header__button">
         <unnnic-button-next type="terciary" size="large">
           {{ $t('WhatsApp.catalog.list.advanced_settings') }}
         </unnnic-button-next>
@@ -28,15 +28,15 @@
   import Card from '@/components/whatsAppCatalogs/Card';
 
   export default {
-    name: 'Table',
+    name: 'List',
     components: {
       Card,
     },
   };
 </script>
 
 <style lang="scss" scoped>
-  .whatsapp-catalog-table {
+  .whatsapp-catalog-list {
     display: flex;
     flex-direction: column;
     flex: 1;

diff --git a/src/router.js b/src/router.js
@@ -69,9 +69,9 @@ const routes = [
     component: () => import('@/views/whatsAppCatalogs/Base.vue'),
     children: [
       {
-        name: 'WhatsApp Catalogs Table',
+        name: 'WhatsApp Catalogs List',
         path: '',
-        component: () => import('@/views/whatsAppCatalogs/Table.vue'),
+        component: () => import('@/views/whatsAppCatalogs/List.vue'),
         meta: {
           crumb_title: 'WhatsApp.catalog.list.title',
         },

diff --git a/src/store/appType/channels/whatsapp_cloud/actions.js b/src/store/appType/channels/whatsapp_cloud/actions.js
@@ -35,10 +35,10 @@ export default {
   setSelectedPhoneNumber({ commit }, { data }) {
     commit('SET_SELECTED_PHONE_NUMBER', data);
   },
-  async getWhatsAppCloudCatalogs({ commit }, { appUuid, params }) {
+  async getWhatsAppCloudCatalogs({ commit }, { appUuid }) {
     commit('GET_WHATSAPP_CATALOGS_REQUEST');
     try {
-      const { data } = await whatsAppCloud.getWhatsAppCloudCatalogs(appUuid, params);
+      const { data } = await whatsAppCloud.getWhatsAppCloudCatalogs(appUuid);
       commit('GET_WHATSAPP_CATALOGS_SUCCESS', data);
     } catch (err) {
       captureSentryException(err);

diff --git a/src/views/whatsAppCatalogs/Base.vue b/src/views/whatsAppCatalogs/Base.vue
@@ -39,7 +39,7 @@
       handleCrumbClick(crumb) {
         if (crumb.meta === this.$route.name) return;
 
-        if (crumb.meta === 'WhatsApp Catalogs Table') {
+        if (crumb.meta === 'WhatsApp Catalogs List') {
           this.$router.go(-1);
         } else {
           this.$router.push(crumb.path);

diff --git a/src/views/whatsAppCatalogs/List.vue b/src/views/whatsAppCatalogs/List.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="whatsapp-catalogs">
+    <div v-if="$route.name === 'WhatsApp Catalogs List'">
+      <List />
+    </div>
+    <router-view v-else />
+  </div>
+</template>
+
+<script>
+  import List from '@/components/whatsAppCatalogs/List';
+
+  export default {
+    name: 'WhatsAppCatalogsList',
+    components: {
+      List,
+    },
+  };
+</script>
diff --git a/src/views/whatsAppCatalogs/Table.vue b/src/views/whatsAppCatalogs/Table.vue