Merge pull request #86 from Shinsina/featured-products-header-in-card

Add parameter “featured” to alter card head label.
parameter1 · May 27, 2021 · 2a79166 · 2a79166
2 parents 135e583 + 2dde77c
commit 2a79166
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/packages/leaders-program/src/components/card/index.vue b/packages/leaders-program/src/components/card/index.vue
@@ -33,7 +33,7 @@
     <div v-if="displayBody" class="leaders-card__body">
       <content-deck :value="promotions" :limit="4" :item-modifiers="['promo']">
         <template #header-left>
-          Featured Products
+          {{ featuredProductLabel }}
         </template>
         <template #header-right>
           <view-more
@@ -113,6 +113,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    featuredProductLabel: {
+      type: String,
+      default: 'Featured Products',
+    },
   },
 
   computed: {

diff --git a/packages/leaders-program/src/components/containers/section-wrapper.vue b/packages/leaders-program/src/components/containers/section-wrapper.vue
@@ -26,6 +26,7 @@
             :offset-bottom="offsetBottom"
             :promotion-limit="promotionLimit"
             :video-limit="videoLimit"
+            :featuredProductLabel="featuredProductLabel"
             @action="emitAction"
           />
         </leaders-columns>
@@ -105,6 +106,10 @@ export default {
       type: Number,
       default: 3,
     },
+    featuredProductLabel: {
+      type: String,
+      default: 'Featured Products',
+    },
   },
 
   computed: {

diff --git a/packages/leaders-program/src/components/containers/section.vue b/packages/leaders-program/src/components/containers/section.vue
@@ -33,7 +33,12 @@
           />
         </template>
         <template #dropdown="{ item, isActive }">
-          <card :company="item" :is-active="isActive" @action="emitAction" />
+          <card
+            :company="item"
+            :is-active="isActive"
+            :featuredProductLabel="featuredProductLabel"
+            @action="emitAction"
+          />
         </template>
       </list>
     </div>
@@ -99,6 +104,10 @@ export default {
       type: Number,
       default: 3,
     },
+    featuredProductLabel: {
+      type: String,
+      default: 'Featured Products',
+    },
   },
 
   data: () => ({

diff --git a/packages/leaders-program/src/components/leaders.vue b/packages/leaders-program/src/components/leaders.vue
@@ -27,6 +27,7 @@
         :offset-bottom="getResponsiveValue('offsetBottom')"
         :promotion-limit="promotionLimit"
         :video-limit="videoLimit"
+        :featuredProductLabel="featuredProductLabel"
         @action="emitAction"
       />
     </div>
@@ -151,6 +152,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    featuredProductLabel: {
+      type: String,
+      default: 'Featured Products',
+    },
   },
 
   data: () => ({