From 7ab6f546111a98b3688941131d204a940556bce9 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Wed, 29 May 2024 13:16:26 +0100
Subject: [PATCH] feat: Re-use Portlet instance name and description I18 for
 Portlets - MEED-6904 - Meeds-io/MIPs#139

---
 .../components/instances/CategoryMenu.vue     | 20 +++++++++----------
 .../portlets/components/portlets/Item.vue     |  4 ++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/portlets/components/instances/CategoryMenu.vue b/layout-webapp/src/main/webapp/vue-app/portlets/components/instances/CategoryMenu.vue
index eca62cdce..9a55fc2b4 100644
--- a/layout-webapp/src/main/webapp/vue-app/portlets/components/instances/CategoryMenu.vue
+++ b/layout-webapp/src/main/webapp/vue-app/portlets/components/instances/CategoryMenu.vue
@@ -43,21 +43,21 @@
         @mouseout="menu = false"
         @focusout="menu = false">
         <v-list-item-group v-model="listItem">
+          <v-list-item
+            dense
+            @click="$root.$emit('portlet-instance-category-edit', category)">
+            <v-icon size="13">
+              fa-edit
+            </v-icon>
+            <v-list-item-title class="ps-2">
+              {{ $t('portlets.label.edit') }}
+            </v-list-item-title>
+          </v-list-item>
           <v-tooltip :disabled="!category.system" bottom>
             <template #activator="{ on, attrs }">
               <div
                 v-on="on"
                 v-bind="attrs">
-                <v-list-item
-                  dense
-                  @click="$root.$emit('portlet-instance-category-edit', category)">
-                  <v-icon size="13">
-                    fa-edit
-                  </v-icon>
-                  <v-list-item-title class="ps-2">
-                    {{ $t('portlets.label.edit') }}
-                  </v-list-item-title>
-                </v-list-item>
                 <v-list-item
                   :disabled="category.system"
                   dense
diff --git a/layout-webapp/src/main/webapp/vue-app/portlets/components/portlets/Item.vue b/layout-webapp/src/main/webapp/vue-app/portlets/components/portlets/Item.vue
index 09185c5a7..33ed99e54 100644
--- a/layout-webapp/src/main/webapp/vue-app/portlets/components/portlets/Item.vue
+++ b/layout-webapp/src/main/webapp/vue-app/portlets/components/portlets/Item.vue
@@ -73,10 +73,10 @@ export default {
       return this.portlet?.id;
     },
     name() {
-      return this.$te(this.portlet?.name) ? this.$t(this.portlet?.name) : this.portlet?.name;
+      return this.$te(`layout.portletInstance.${this.portlet?.portletName}.name`) ? this.$t(`layout.portletInstance.${this.portlet?.portletName}.name`) : this.portlet?.name;
     },
     description() {
-      return this.$te(this.portlet?.description) ? this.$t(this.portlet?.description) : this.portlet?.description;
+      return this.$te(`layout.portletInstance.${this.portlet?.portletName}.description`) ? this.$t(`layout.portletInstance.${this.portlet?.portletName}.description`) : this.portlet?.description;
     },
     instancesCount() {
       return this.$root.portletInstances.filter(a => a.contentId === this.portlet.contentId).length || 0;