remove-footer-button

Author: Salma Alam-Naylor

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

@@ -73,11 +73,6 @@ <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,14 +169,3 @@
   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/fretonator/fretboard/fretboard.component.html

@@ -22,6 +22,14 @@
 </ng-template>
 
 <div class="fretboard__toggle">
+  <button class="fretboard__toggleButton fretboard__toggleButton--twelve"
+          [class.fretboard__toggleButton--active]="fretMode === fretModes.twelve"
+          (click)="setFretMode(fretModes.twelve)">Left hand
+  </button>
+  <button class="fretboard__toggleButton fretboard__toggleButton--twelve"
+          [class.fretboard__toggleButton--active]="fretMode === fretModes.twelve"
+          (click)="setFretMode(fretModes.twelve)">Right hand
+  </button>
   <button class="fretboard__toggleButton fretboard__toggleButton--twelve"
           [class.fretboard__toggleButton--active]="fretMode === fretModes.twelve"
           (click)="setFretMode(fretModes.twelve)">12 frets

apps/fretonator-web/src/app/pages/home/home-index/__snapshots__/home-index.component.spec.ts.snap

@@ -351,6 +351,16 @@ exports[`HomeIndexComponent should create 1`] = `
             <div
               class="fretboard__toggle"
             >
+              <button
+                class="fretboard__toggleButton fretboard__toggleButton--twelve fretboard__toggleButton--active"
+              >
+                Left hand 
+              </button>
+              <button
+                class="fretboard__toggleButton fretboard__toggleButton--twelve fretboard__toggleButton--active"
+              >
+                Right hand 
+              </button>
               <button
                 class="fretboard__toggleButton fretboard__toggleButton--twelve fretboard__toggleButton--active"
               >