diff --git a/front/components/VirtualPiano/Octave.tsx b/front/components/VirtualPiano/Octave.tsx index 6b76098..bec5028 100644 --- a/front/components/VirtualPiano/Octave.tsx +++ b/front/components/VirtualPiano/Octave.tsx @@ -104,6 +104,7 @@ const Octave = (props: OctaveProps) => { { - {isNoteVisible(showNoteNames, isPressed, isHovered) && ( + {isNoteVisible(showNoteName, isPressed, isHovered) && ( {keyToStr(pianoKey, false)} )} diff --git a/front/components/VirtualPiano/VirtualPiano.tsx b/front/components/VirtualPiano/VirtualPiano.tsx index 9c84ab7..77c93af 100644 --- a/front/components/VirtualPiano/VirtualPiano.tsx +++ b/front/components/VirtualPiano/VirtualPiano.tsx @@ -84,10 +84,10 @@ VirtualPiano.defaultProps = { startNote: Note.C, endOctave: 2, endNote: Note.B, - showNoteNames: "onhover", + showNoteNames: NoteNameBehavior.onpress, highlightedNotes: [], highlightColor: "red", - specialHighlightedNotes: [], + specialHighlightedNotes: [Note.D, Note.G], specialHighlightColor: "blue", showOctaveNumbers: true, keyPressStyle: "subtle",