fix: tmp comment out className override for webp

removed any code that references the custom class for webp and injected default hero class

Author: PaulPaulDevelops

src/pages/app-case-study/app-case-study.tsx

@@ -5,7 +5,7 @@ import { Component } from '@stencil/core';
   styleUrl: 'app-case-study.scss',
 })
 export class AppCaseStudy {
-  private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
+  // private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
 
   scrollToTop() {
     const form = document.getElementsByTagName('header')[0];
@@ -28,7 +28,7 @@ export class AppCaseStudy {
   render() {
     return (
       <div class="case-study">
-        <header class={this.className}>
+        <header class="hero">
           <div class="container">
             <div class="row align-items-center">
               <div style={{ margin: 'auto' }}>

src/pages/app-resources/app-resources.tsx

@@ -7,7 +7,7 @@ import { MatchResults, RouterHistory } from '@stencil/router';
   styleUrl: 'app-resources.scss',
 })
 export class AppResources {
-  private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
+  // private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
 
   @State() formSubmitted = false;
   @State() formSubmitting = false;
@@ -141,7 +141,7 @@ export class AppResources {
       <div id="top" class="resources">
         {/* header - hero */}
         {!this.formSubmitted ? (
-          <header class={this.className}>
+          <header class="hero">
             <div class="overlay">
               <div class="container">
                 <div class="row align-items-center">

src/pages/app-team-landing/app-team-landing.tsx

@@ -7,7 +7,7 @@ import { translate } from '../../services/translation.service';
   styleUrl: 'app-team-landing.scss',
 })
 export class AppTeamLanding {
-  private allowWebp = localStorage.getItem('allowWebp') === 'true' ? true : false;
+  // private allowWebp = localStorage.getItem('allowWebp') === 'true' ? true : false;
 
   @Prop() match: MatchResults;
   @Prop() history: RouterHistory;
@@ -310,10 +310,10 @@ export class AppTeamLanding {
   }
 
   changeImageFormat(img: string) {
-    if (img && this.allowWebp) {
-      const idx = img.lastIndexOf('.');
-      return `${img.substring(0, idx)}.webp`;
-    }
+    // if (img && this.allowWebp) {
+    //   const idx = img.lastIndexOf('.');
+    //   return `${img.substring(0, idx)}.webp`;
+    // }
     return img;
   }
 

src/pages/app-toolbox/app-toolbox.tsx

@@ -5,7 +5,7 @@ import { Component } from '@stencil/core';
   styleUrl: 'app-toolbox.scss',
 })
 export class AppToolbox {
-  private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
+  // private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
 
   scrollToForm() {
     const form = document.getElementById('second-content');
@@ -29,7 +29,7 @@ export class AppToolbox {
     return (
       <div class="toolbox">
         {/* header - hero */}
-        <header class={this.className}>
+        <header class="hero">
           <div class="container">
             <div class="row align-items-center">
               <div class="col-9 col-md-8 col-lg-9">