Cleanup console errors and extra console logs

Author: darkness198

src/components/app-blog-card/app-blog-card.tsx

@@ -10,7 +10,6 @@ export class AppBlogCard {
   @Prop() blogPost: BlogPost;
 
   componentDidLoad() {
-    console.log('blog data', this.blogPost);
     document.querySelectorAll('meta[property="og:image"]')[0].setAttribute('content', this.blogPost.featured_image); //set opengraph metadata to match Butter CMS featured image
   }
 

src/components/app-blog-content/app-blog-content.tsx

@@ -10,9 +10,6 @@ export class AppBlogContent {
   @Prop() blogPost: BlogPost;
 
   componentDidLoad() {
-    console.log('blog content', this.blogPost);
-    console.log(this.blogPost.author);
-
     if (Build.isBrowser) {
       this.handleIcons();
       window.addEventListener('resize', this.handleIcons);

src/components/app-blog-featured/app-blog-featured.tsx

@@ -9,9 +9,7 @@ import { formatDate } from '../../shared/date-format';
 export class AppBlogFeatured {
   @Prop() blogPost: BlogPost;
 
-  componentDidLoad() {
-    console.log('blog data', this.blogPost);
-  }
+  componentDidLoad() {}
 
   render() {
     const publishDate = new Date(this.blogPost.published);

src/components/app-slider/app-slider.tsx

@@ -10,7 +10,6 @@ export class AppSlider {
   @Event() valueChanged: EventEmitter;
 
   inputHandler(event) {
-    console.log('app-slider value', event.target.value);
     this.valueChanged.emit({
       field: this.name,
       value: event.target.value,

src/pages/app-blog-post/app-blog-post.tsx

@@ -26,14 +26,17 @@ export class AppBlogPost {
 
   @Watch('match')
   watchHandler(newValue: any, oldValue: any) {
+    if (!newValue || !oldValue) {
+      return;
+    }
     if (newValue.params.slug !== oldValue.params.slug) {
       this.getPostContent();
       this.filterNextPosts(newValue.params.slug);
     }
   }
 
   componentDidLoad() {
-    if(!Build.isBrowser) {
+    if (!Build.isBrowser) {
       this.setMetaTags();
     }
   }
@@ -46,18 +49,16 @@ export class AppBlogPost {
     const pageSize = 12;
     if (Build.isBrowser) {
       this.nextPostsIsLoading = true;
-      Fetch.fetchPostContent(1, pageSize, true)
-        .then(resp => {
-          if (resp.data) {
-            this.otherPosts = resp.data;
-            this.filterNextPosts(this.match.params.slug);
-            this.nextPostsHelper = this.renderPosts(this.nextPosts, this.nextPostsIsLoading, this.nextPostsIsError);
-          } else {
-            this.nextPostsIsError = true;
-            this.nextPostsHelper = this.renderPosts(this.nextPosts, this.nextPostsIsLoading, this.nextPostsIsError);
-            console.log(resp);
-          }
-        });
+      Fetch.fetchPostContent(1, pageSize, true).then(resp => {
+        if (resp.data) {
+          this.otherPosts = resp.data;
+          this.filterNextPosts(this.match.params.slug);
+          this.nextPostsHelper = this.renderPosts(this.nextPosts, this.nextPostsIsLoading, this.nextPostsIsError);
+        } else {
+          this.nextPostsIsError = true;
+          this.nextPostsHelper = this.renderPosts(this.nextPosts, this.nextPostsIsLoading, this.nextPostsIsError);
+        }
+      });
       this.nextPostsIsLoading = false;
     }
   }
@@ -70,16 +71,15 @@ export class AppBlogPost {
       this.setMetaTags();
     } else {
       this.blogPostIsLoading = true;
-      Fetch.fetchPostWithSlug(this.match.params.slug)
-        .then(resp => {
-          if (resp) {
-            this.blogPost = resp.data;
-            // set scroll to top for when navigating to a new blog post
-            window.scrollTo(0, 0);
-            this.setMetaTags();
-          } else {
-            this.blogPostIsError = true;
-          }
+      Fetch.fetchPostWithSlug(this.match.params.slug).then(resp => {
+        if (resp) {
+          this.blogPost = resp.data;
+          // set scroll to top for when navigating to a new blog post
+          window.scrollTo(0, 0);
+          this.setMetaTags();
+        } else {
+          this.blogPostIsError = true;
+        }
       });
       this.blogPostIsLoading = false;
     }

src/pages/app-blog/app-blog.tsx

@@ -129,7 +129,6 @@ export class AppBlog {
   }
 
   handleSearch(query) {
-    console.log(query);
     this.searchQuery = query;
     if (this.searchQuery) {
       this.getSearchPosts(1);

src/pages/app-contact/app-contact.tsx

@@ -1,4 +1,4 @@
-import { Component, State, Listen, Prop, h, Build } from '@stencil/core';
+import { Component, State, Listen, Prop, h } from '@stencil/core';
 import { translate } from '../../services/translation.service';
 
 @Component({
@@ -52,7 +52,7 @@ export class AppContact {
 
   private className;
   componentWillLoad() {
-    this.className = Build.isBrowser ? (localStorage.getItem('allowWebp') === 'false' ? 'webp' : 'hero') : 'webp';
+    this.className = 'webp';
   }
 
   componentDidLoad() {