Final touches for v1 (#40)

* add links to final blog post

* prevent default when selecting track title

* fix the tempo width properly

* improve tempo change fidelity

README.md

@@ -16,10 +16,7 @@
 
 ## How to use
 
-1. Go to [loopsupreme.com](https://loopsupreme.com)
-2. Click "play"
-3. Arm a track for recording
-4. Add more tracks and keep building!
+Please [check out the wiki](https://github.com/ericyd/loop-supreme/wiki)
 
 ## Motivation
 
@@ -35,7 +32,7 @@ You can check out [The Roadmap](./roadmap.md)!
 
 I blogged about this as I made it
 
-* Part 12: v1.0 release, and project retro (_coming soon!_)
+* [Part 12: v1.0 release, and project retro](https://ericyd.hashnode.dev/loop-supreme-part-12-v10-release-and-project-retro)
 * [Part 11: Exporting stems and changing inputs](https://ericyd.hashnode.dev/loop-supreme-part-11-exporting-stems-and-changing-inputs)
 * [Part 10: Keyboard bindings](https://ericyd.hashnode.dev/loop-supreme-part-10-keyboard-bindings)
 * [Part 9: Visualizing the waveform](https://ericyd.hashnode.dev/loop-supreme-part-9-visualizing-the-waveform)

public/index.html

@@ -70,7 +70,7 @@ <h1>
               >GitHub</a
             >
             <a
-              href="https://ericyd.hashnode.dev/loop-supreme-part-11-exporting-stems-and-changing-inputs"
+              href="https://ericyd.hashnode.dev/loop-supreme-part-12-v10-release-and-project-retro"
               target="_blank"
               rel="noreferrer"
               class="m-2 underline text-link font-sans-real"

src/Metronome/controls/TempoControl.tsx

@@ -13,7 +13,7 @@ export function TempoControl({ onChange, defaultValue }: TempoProps) {
 
   const debouncedOnChange = useDebouncedCallback(onChange, 100, {
     leading: true,
-    trailing: false,
+    trailing: true,
   })
 
   const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {
@@ -51,7 +51,9 @@ export function TempoControl({ onChange, defaultValue }: TempoProps) {
   return (
     <ControlPanelItem>
       <div className="flex flex-row">
-        <span className="text-4xl pr-3">{bpm.toFixed(1)}</span>
+        <span className="text-4xl pr-3">
+          {bpm < 100 ? bpm.toFixed(2) : bpm.toFixed(1)}
+        </span>
         <span className="text-sm">
           (t)ap
           <br />

src/Track/index.tsx

@@ -433,7 +433,7 @@ export const Track: React.FC<Props> = ({
           r: { callback: toggleArmRecording },
           i: { callback: toggleMonitoring },
           m: { callback: toggleMuted },
-          n: { callback: rename },
+          n: { callback: rename, preventDefault: true },
         }
       : {}
   )