Don't show 'did you know' for theoretical scales

Author: Salma Alam-Naylor

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

@@ -87,7 +87,8 @@ <h4 class="fretonator__playCta">
   <app-chord-map [chordMap]="chordMap"></app-chord-map>
 
   <app-similar-modes [modeDisplayString]="modeDisplayString"
-                     [similarModes]="modeMap | getSimilarModes : mode">
+                     [similarModes]="modeMap | getSimilarModes : mode"
+                     [isTheoretical]="modeMap | isTheoreticalScale">
 
   </app-similar-modes>
 

apps/fretonator-web/src/app/common/fretonator/similar-modes/similar-modes.component.html

@@ -1,4 +1,4 @@
-<div class="similarModes" *ngIf="similarModes.length > 0">
+<div class="similarModes" *ngIf="similarModes.length > 0 && !isTheoretical">
   <h4 class="similarModes__title">Did you know?</h4>
   <p class="similarModes__copy">If you know the patterns of {{modeDisplayString}} on the fretboard,
     you can transfer those shapes to the modes below.</p>

apps/fretonator-web/src/app/common/fretonator/similar-modes/similar-modes.component.ts

@@ -9,4 +9,5 @@ import { SimilarModes } from '../../../util/types';
 export class SimilarModesComponent {
   @Input() similarModes: SimilarModes;
   @Input() modeDisplayString: string;
+  @Input() isTheoretical: boolean;
 }