Merge pull request #62 from ishythefishy/live-stream-1

added twitch link to footer

Author: whitep4nth3r

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FooterComponent should create 1`] = `FooterComponentSpec {}`;

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

@@ -73,6 +73,11 @@ <h6 class="footer__sectionTitle">Who made this?</h6>
           </span>
         Buy me a coffee
       </a>
+
+      <a href="https://www.twitch.tv/whitep4nth3r"
+         rel="nofollow noopener noreferrer"
+         target="_blank"
+         class="footer__twitchButton">Watch live on Twitch!</a>
     </div>
 
   </div>

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

@@ -169,3 +169,14 @@
   width: pxToRem(20);
   margin-right: pxToRem($grid-unit / 2);
 }
+
+.footer__twitchButton {
+  background-color: #9147ff;
+  color: var(--white);
+  padding: pxToRem($grid-unit * 2);
+  font-family: var(--font-family-main);
+  font-weight: var(--font-weight-bold);
+  border-radius: pxToRem(6);
+  text-decoration: none;
+  margin-top: pxToRem($grid-unit * 4);
+}

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

@@ -33,5 +33,6 @@ describe('FooterComponent', () => {
 
   it('should create', () => {
     expect(component).toBeTruthy();
+    expect(component).toMatchSnapshot();
   });
 });