Fixes to Quiz mode

ZaneH · Jul 17, 2022 · d79fd23 · d79fd23
1 parent 910e2dc
commit d79fd23
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "Piano Trainer",
-    "version": "1.0.6"
+    "version": "1.0.7"
   },
   "tauri": {
     "allowlist": {

diff --git a/src/components/Quiz/Quiz.tsx b/src/components/Quiz/Quiz.tsx
@@ -342,9 +342,23 @@ const Quiz = () => {
               <Piano
                 noteRange={{ first: firstNote, last: lastNote }}
                 playNote={(midiNumber: number) => {
+                  setActiveNotes((an) => ({ ...an, [midiNumber]: true }))
+                  setChordStack?.((cs) => [...cs, midiNumber])
                   !muteSound && playNote(midiNumber)
                 }}
                 stopNote={(midiNumber: number) => {
+                  setActiveNotes((an) => ({ ...an, [midiNumber]: false }))
+
+                  // remove midiNumber from chordStack
+                  setChordStack?.((cs) => {
+                    const removalIdx = cs.indexOf(midiNumber)
+                    if (removalIdx > -1) {
+                      cs.splice(removalIdx, 1)
+                    }
+
+                    return cs
+                  })
+
                   stopNote(midiNumber)
                 }}
                 activeNotes={Object.keys(activeNotes)

diff --git a/src/components/Quiz/QuizHeader.tsx b/src/components/Quiz/QuizHeader.tsx
@@ -55,7 +55,7 @@ const QuizHeader = () => {
       >
         <ArrowBack color='#1f1f20' />
       </BackIconContainer>
-      <h1>Quiz Mode</h1>
+      <h1>Quiz</h1>
       <SettingsIconContainer onClick={() => setIsOpen?.(true)}>
         <SettingsIcon color='#1f1f20' />
       </SettingsIconContainer>