fix filter for office name

hlxsites · May 8, 2024 · 3145bcb · 3145bcb
1 parent ffd225c
commit 3145bcb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/blocks/offices/offices.css b/blocks/offices/offices.css
@@ -133,6 +133,7 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    gap: 20px
   }
 
   .offices.block.agents .cards-list .cards-item,
@@ -142,8 +143,8 @@
     flex-direction: column;
     width: 16.66%;
     min-width: 200px;
+    max-width: 248px;
     flex-grow: 1;
-    padding: 10px;
   }
 
   .offices.block.agents .cards-list .cards-item .card-image {

diff --git a/blocks/offices/offices.js b/blocks/offices/offices.js
@@ -11,7 +11,6 @@ function buildOfficeCards(list, data) {
     const cardImage = document.createElement('div');
     cardImage.className = 'card-image';
     const image = createOptimizedPicture(item.image, item.location, true);
-    image.style = 'padding-bottom: 75%';
     const type = document.createElement('p');
     type.innerText = item.type;
     cardImage.append(image, type);
@@ -43,7 +42,7 @@ function buildAgentCards(list, data) {
   const { pathname } = window.location;
   const parts = pathname.split('/');
   const pageName = parts[parts.length - 1];
-  const filteredData = data.filter((item) => item.office.toLowerCase() === pageName);
+  const filteredData = data.filter((item) => toClassName(item.office) === toClassName(pageName));
   filteredData.forEach((item) => {
     const cardsItem = document.createElement('div');
     cardsItem.className = 'cards-item';
@@ -53,7 +52,6 @@ function buildAgentCards(list, data) {
     const pic = document.createElement('picture');
     const image = document.createElement('img');
     pic.append(image);
-    // pic.style = 'padding-bottom: 75%';
     image.src = tmpImage;
     image.loading = 'eager';
     cardImage.append(pic);