From f4ab31ef0cc5ba436c67a46c337c69cc70947b1b Mon Sep 17 00:00:00 2001
From: sggerard <sggerard1997@gmail.com>
Date: Mon, 18 Nov 2024 18:45:34 -0800
Subject: [PATCH] Fix linting & tests

---
 frontend/src/app/graphql.module.ts        |  1 -
 frontend/src/app/home/home.component.html | 10 +++++-----
 frontend/src/app/page/page.component.ts   |  1 -
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/graphql.module.ts b/frontend/src/app/graphql.module.ts
index 5906b8d..456ec6c 100644
--- a/frontend/src/app/graphql.module.ts
+++ b/frontend/src/app/graphql.module.ts
@@ -2,7 +2,6 @@ import { APOLLO_OPTIONS, ApolloModule } from 'apollo-angular';
 import { HttpLink } from 'apollo-angular/http';
 import { NgModule } from '@angular/core';
 import { ApolloClientOptions, InMemoryCache } from '@apollo/client/core';
-import { environment } from 'environments/environment';
 
 const uri = "/graphql"
 export function createApollo(httpLink: HttpLink): ApolloClientOptions<any> {
diff --git a/frontend/src/app/home/home.component.html b/frontend/src/app/home/home.component.html
index 36a21a0..22f34ec 100644
--- a/frontend/src/app/home/home.component.html
+++ b/frontend/src/app/home/home.component.html
@@ -1,7 +1,7 @@
 <div class="hero-banner home-banner">
   <div class="container">
     <div class="container__inner-container">
-      <div class="hero-banner__content">
+      <div class="hero-banner__content" *ngIf="homeData">
         <h1 id="pgTitle">{{homeData.Title}}</h1>
         <p>{{homeData.Description}}</p>
         <div class="hero-banner__content--cta-btns">
@@ -21,11 +21,11 @@ <h1 id="pgTitle">{{homeData.Title}}</h1>
 
       <div class="row">
 
-        <div class="col-lg-8">
+        <div class="col-lg-8" *ngIf="homeData">
           <section class="about-info mb-0" [innerHTML]="homeData.About"></section>
         </div>
 
-        <div class="col-lg-4" *ngIf="fastFacts.length > 0">
+        <div class="col-lg-4" *ngIf="fastFacts && fastFacts.length > 0">
           <section class="fast-facts">
             <h4>Fast Facts about the Mining Industry in British Columbia</h4>
             <ul class="row mb-0" *ngFor="let facts of fastFacts">
@@ -42,7 +42,7 @@ <h4>Fast Facts about the Mining Industry in British Columbia</h4>
     </div>
   </div>
 
-  <div class="fb-container bg-faded" *ngIf="homeData.Mining_blocks">
+  <div class="fb-container bg-faded" *ngIf="homeData && homeData.Mining_blocks">
     <section class="container">
       <h2>Mining in British Columbia</h2>
       <div class="row feature-blocks">
@@ -68,7 +68,7 @@ <h3>Find Mines in B.C.</h3>
     </section>
   </div>
 
-  <div class="fb-container" id="bottom" *ngIf="homeData.Processes_blocks">
+  <div class="fb-container" id="bottom" *ngIf="homeData && homeData.Processes_blocks">
     <section class="container mt-0">
       <h2>Our Processes &amp; Procedures</h2>
       <div class="row">
diff --git a/frontend/src/app/page/page.component.ts b/frontend/src/app/page/page.component.ts
index 8abac66..f3d14b7 100644
--- a/frontend/src/app/page/page.component.ts
+++ b/frontend/src/app/page/page.component.ts
@@ -1,7 +1,6 @@
 import { afterRender, Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Page } from '../models/content/page';
-import { SafeHtmlPipe } from '@app/pipes/safe-html.pipe';
 
 @Component({
   selector: 'app-page',