Change "Reset current matchup" button to just "Reset".

Author: lgarron

src/dev/head-to-head/main.ts

@@ -165,8 +165,7 @@ const app = document.body.appendChild(
       matchupToggleDNF,
       matchupFinishAttemptCallback,
       refreshCurrentMatchupsCallback,
-      resetMatchupCallback: async (matchupID) =>
-        console.log("Reset matchup:", { matchupID }),
+      resetCallback: async (matchupID) => console.log("Reset:", { matchupID }),
       matchupSelectedCallback,
     },
     showMatchupsSelection: "show",

src/lib/elements/ScrambleTableMatchupSelection.template.html

@@ -7,5 +7,5 @@
   </select>
   <button class="refresh-matchups">🔄 Refresh matchups</button>
   <span></span>
-  <button class="reset-current-matchup">❌ Reset current matchup</button>
+  <button class="reset">❌ Reset</button>
 </template>

src/lib/elements/ScrambleTableMatchupSelection.ts

@@ -21,8 +21,8 @@ export class ScrambleTableMatchupSelection extends HTMLElement {
     this.refreshMatchups();
 
     this.#resetCurrentMatchups.addEventListener("click", async () => {
-      const { resetMatchupCallback } = this.sharedState.callbacks;
-      if (resetMatchupCallback) {
+      const { resetCallback } = this.sharedState.callbacks;
+      if (resetCallback) {
         await this.resetCurrentMatchup();
       }
     });
@@ -44,7 +44,7 @@ export class ScrambleTableMatchupSelection extends HTMLElement {
   }
 
   get #resetCurrentMatchups(): HTMLButtonElement {
-    return this.querySelector(".reset-current-matchup");
+    return this.querySelector(".reset");
   }
 
   private async refreshMatchups(): Promise<void> {
@@ -55,9 +55,9 @@ export class ScrambleTableMatchupSelection extends HTMLElement {
   }
 
   private async resetCurrentMatchup(): Promise<void> {
-    const { resetMatchupCallback } = this.sharedState.callbacks;
-    if (resetMatchupCallback) {
-      await resetMatchupCallback(this.#select.value);
+    const { resetCallback } = this.sharedState.callbacks;
+    if (resetCallback) {
+      await resetCallback(this.#select.value);
     }
     // TODO: what should we reset here?
   }

src/lib/elements/SharedState.ts

@@ -37,7 +37,7 @@ export interface ScrambleTableCallbacks {
   refreshCurrentMatchupsCallback?: () => Promise<
     Record<MatchupID, MatchupName>
   >;
-  resetMatchupCallback?: (matchupID: MatchupID) => Promise<void>;
+  resetCallback?: (matchupID: MatchupID) => Promise<void>;
   // Use this to e.g. call `setScramble(…)` on the competitor scramble displays.
   matchupSelectedCallback?: (matchupID: MatchupID) => void;
 }