CSS : Renamed classes icon-categories to icon-productGroup, categorie…

…s to productGroup. JS : Renamed classes icon-categories to icon-productGroup, categories to productGroup. Renamed GraphQL field program.categories to program.productGroup
hlxsites · Aug 12, 2024 · e05fd86 · e05fd86
1 parent 3877038
commit e05fd86
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/blocks/gmo-program-details/gmo-program-details.css b/blocks/gmo-program-details/gmo-program-details.css
@@ -112,7 +112,7 @@ body {
     margin-left: 16px;
 }
 
-.header-row3 .icon-categories {
+.header-row3 .icon-productGroup {
     width: 16px;
     height: 16px;
     background-image: url('/icons/folderOpenOutline.svg');
@@ -127,7 +127,7 @@ body {
     margin-left: 8px;
 }
 
-.header-row3 .categories {
+.header-row3 .productGroup {
     font: normal normal normal 14px/21px Adobe Clean;
     margin-left: 8px;
 }

diff --git a/blocks/gmo-program-details/gmo-program-details.js b/blocks/gmo-program-details/gmo-program-details.js
@@ -293,10 +293,10 @@ function buildHeader(program, queryVars) {
             <span class="release-tier">Release Tier: ${program.releaseTier || "Not Available"}</span>
         </div>`;
 
-    const categories = `
+    const productGroup = `
         <div class="header-row3">
-            <span class="icon-categories"></span>
-            <span class="categories">${program.categories && program.categories.length > 0 ? program.categories.join(', ') : "Not Available"}</span>
+            <span class="icon-productGroup"></span>
+            <span class="productGroup">${program.productGroup && program.productGroup.length > 0 ? program.productGroup.join(', ') : "Not Available"}</span>
         </div>`;
 
     headerWrapper.innerHTML = `
@@ -311,7 +311,7 @@ function buildHeader(program, queryVars) {
               ${date}
               ${driverField}
               ${releaseTier}
-              ${categories}
+              ${productGroup}
             </div>
         </div>
     `