From ca7e29c58eada0e1cce3c98e71c35e507ad0408f Mon Sep 17 00:00:00 2001
From: Sthefani <silveira.sthefani1@gmail.com>
Date: Fri, 29 Sep 2023 11:34:21 -0300
Subject: [PATCH] feat: change component name and api route

---
 src/api/appType/whatsapp_cloud/index.js       |  5 ++---
 src/components/whatsAppCatalogs/Card.vue      | 12 ++++++------
 .../whatsAppCatalogs/{Table.vue => List.vue}  | 14 +++++++-------
 src/router.js                                 |  4 ++--
 .../channels/whatsapp_cloud/actions.js        |  4 ++--
 src/views/whatsAppCatalogs/Base.vue           |  2 +-
 src/views/whatsAppCatalogs/List.vue           | 19 +++++++++++++++++++
 src/views/whatsAppCatalogs/Table.vue          | 19 -------------------
 8 files changed, 39 insertions(+), 40 deletions(-)
 rename src/components/whatsAppCatalogs/{Table.vue => List.vue} (79%)
 create mode 100644 src/views/whatsAppCatalogs/List.vue
 delete mode 100644 src/views/whatsAppCatalogs/Table.vue

diff --git a/src/api/appType/whatsapp_cloud/index.js b/src/api/appType/whatsapp_cloud/index.js
index 407b9ae4..790f484e 100644
--- 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
index fe962f79..5b632a36 100644
--- 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 b/src/components/whatsAppCatalogs/List.vue
similarity index 79%
rename from src/components/whatsAppCatalogs/Table.vue
rename to src/components/whatsAppCatalogs/List.vue
index 2c885f29..456a8c11 100644
--- a/src/components/whatsAppCatalogs/Table.vue
+++ b/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,7 +28,7 @@
   import Card from '@/components/whatsAppCatalogs/Card';
 
   export default {
-    name: 'Table',
+    name: 'List',
     components: {
       Card,
     },
@@ -36,7 +36,7 @@
 </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
index 01f45de4..2e9313e0 100644
--- 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
index 986be54a..1dd0c96a 100644
--- 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
index 3694d387..50bcc5bb 100644
--- 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
new file mode 100644
index 00000000..1bfb0929
--- /dev/null
+++ 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
deleted file mode 100644
index 63fa8d2f..00000000
--- a/src/views/whatsAppCatalogs/Table.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div class="whatsapp-catalogs">
-    <div v-if="$route.name === 'WhatsApp Catalogs Table'">
-      <Table />
-    </div>
-    <router-view v-else />
-  </div>
-</template>
-
-<script>
-  import Table from '@/components/whatsAppCatalogs/Table';
-
-  export default {
-    name: 'WhatsAppCatalogsTable',
-    components: {
-      Table,
-    },
-  };
-</script>