renamed icons to match lint rules

hlxsites · May 22, 2024 · 4b35761 · 4b35761
1 parent 4c6b868
commit 4b35761
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/blocks/economic-data/economic-data.css b/blocks/economic-data/economic-data.css
@@ -21,7 +21,7 @@
 .economic-data .accordion .accordion-header::after {
   border-color: var(--body-color) transparent transparent transparent;
   border-style: solid;
-  border-width: 6px 5px 0 5px;
+  border-width: 6px 5px 0;
   content: '';
   margin-top: -5px;
   position: absolute;
@@ -121,7 +121,7 @@
   margin-left: 5px;
 }
 
-.economic-data .tooltip .icon-info_circle_dark {
+.economic-data .tooltip .icon-info-circle-dark {
   display: none;
 }
 
@@ -143,11 +143,11 @@
   line-height: var(--line-height-s);
 }
 
-.economic-data .tooltip:hover .icon-info_circle {
+.economic-data .tooltip:hover .icon-info-circle {
   display: none;
 }
 
-.economic-data .tooltip:hover .icon-info_circle_dark {
+.economic-data .tooltip:hover .icon-info-circle-dark {
   display: block;
 }
 

diff --git a/blocks/economic-data/economic-data.js b/blocks/economic-data/economic-data.js
@@ -107,8 +107,8 @@ function generateDataTable(block, title, socioEconData) {
   // Create the accordion structure
   const accordion = div({ class: 'accordion' },
     div({ class: 'accordion-header', onclick: (e) => toggleAccordion(e) }, getHeaderLabels(title), div({ class: 'tooltip' },
-      span({ class: 'icon icon-info_circle' }),
-      span({ class: 'icon icon-info_circle_dark' }),
+      span({ class: 'icon icon-info-circle' }),
+      span({ class: 'icon icon-info-circle-dark' }),
       span({ class: 'tooltiptext' }, `${socioEconData.citation}`),
     ),
     ),

diff --git a/blocks/info-mouseover/info-mouseover.js b/blocks/info-mouseover/info-mouseover.js
@@ -16,7 +16,7 @@ export default async function decorate(block) {
   const heading = block.closest('.section').querySelector('h1,h2,h3,h4,h5,h6');
 
   const icon = document.createElement('span');
-  icon.classList.add('icon', 'icon-info_circle');
+  icon.classList.add('icon', 'icon-info-circle');
 
   positionIcon(heading, icon);
   block.append(icon);

diff --git a/blocks/profile/profile.js b/blocks/profile/profile.js
@@ -119,7 +119,7 @@ function showNotification(type, iconHtml, message, message2) {
 }
 
 function showError(err) {
-  showNotification('error', '<img src="/icons/info_circle.svg" aria-hidden="true" alt="Error" class="info-circle">', i18n('There was a problem processing your request.'), i18n(err));
+  showNotification('error', '<img src="/icons/info-circle.svg" aria-hidden="true" alt="Error" class="info-circle">', i18n('There was a problem processing your request.'), i18n(err));
 }
 
 function showSuccess(message) {

diff --git a/icons/info_circle_dark.svg → icons/info-circle-dark.svg b/icons/info_circle_dark.svg → icons/info-circle-dark.svg
diff --git a/icons/info_circle.svg → icons/info-circle.svg b/icons/info_circle.svg → icons/info-circle.svg