Fixed coffee svg on footer

Author: Salma Alam-Naylor

apps/fretonator-web/src/app/common/footer/footer.component.html

@@ -2,7 +2,6 @@
   <div class="footer__inner">
 
     <div class="footer__leftColumn">
-
       <h6 class="footer__sectionTitle">
         Fretonator is open source
       </h6>
@@ -64,9 +63,13 @@ <h6 class="footer__sectionTitle">Who made this?</h6>
          rel="nofollow noopener noreferrer"
          target="_blank"
          class="footer__smallButton">
+          <span class="footer__support__svg">
+            <app-coffee-svg></app-coffee-svg>
+          </span>
         Buy me a coffee
       </a>
     </div>
+
   </div>
 
   <p class="footer__copyright">&copy; {{ date | date: 'yyyy' }} Fretonator</p>

apps/fretonator-web/src/app/common/footer/footer.component.scss

@@ -113,7 +113,7 @@
 }
 
 .footer__copyright {
-  color: var(--grey);
+  color: var(--offwhite);
   font-size: pxToRem(12);
   letter-spacing: var(--letter-spacing-display);
   font-weight: var(--font-weight-bold);

apps/fretonator-web/src/app/common/footer/footer.component.spec.ts

@@ -1,19 +1,33 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { FooterComponent } from './footer.component';
+import { Component } from '@angular/core';
+import { RouterTestingModule } from '@angular/router/testing';
+import { HeaderModule } from '../header/header.module';
+import { FooterModule } from './footer.module';
 
 describe('FooterComponent', () => {
-  let component: FooterComponent;
-  let fixture: ComponentFixture<FooterComponent>;
+  @Component({
+    selector: 'app-footer-spec',
+    template: `
+      <app-footer></app-footer>
+    `
+  })
+  class FooterComponentSpec {
+  }
+
+  let component: FooterComponentSpec;
+  let fixture: ComponentFixture<FooterComponentSpec>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [FooterComponent],
+      declarations: [FooterComponentSpec],
+      imports: [FooterModule]
     }).compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(FooterComponent);
+    fixture = TestBed.createComponent(FooterComponentSpec);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

apps/fretonator-web/src/app/common/footer/footer.module.ts

@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
 import { FooterComponent } from './footer.component';
 import { RouterModule } from '@angular/router';
 import { CoffeeModule } from '../svgs/coffee/coffee.module';
-import { CoffeeComponent } from '../svgs/coffee/coffee.component';
 
 @NgModule({
   declarations: [FooterComponent],
@@ -13,8 +12,7 @@ import { CoffeeComponent } from '../svgs/coffee/coffee.component';
     CoffeeModule,
   ],
   exports: [
-    FooterComponent,
-    CoffeeComponent
+    FooterComponent
   ]
 })
 export class FooterModule {

apps/fretonator-web/src/app/common/header/header.module.ts

@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
 import { HeaderComponent } from './header.component';
 import { RouterModule } from '@angular/router';
 import { LogoWithTextModule } from '../svgs/logo-with-text/logo-with-text.module';
-import { LogoWithTextComponent } from '../svgs/logo-with-text/logo-with-text.component';
 import { LogoNoTextModule } from '../svgs/logo-no-text/logo-no-text.module';
 
 @NgModule({
@@ -15,8 +14,7 @@ import { LogoNoTextModule } from '../svgs/logo-no-text/logo-no-text.module';
     LogoNoTextModule
   ],
   exports: [
-    HeaderComponent,
-    LogoWithTextComponent
+    HeaderComponent
   ]
 })
 export class HeaderModule {