From 5de891f31d90f6f382714ea06588d2e3d5ff97e9 Mon Sep 17 00:00:00 2001
From: alex <alex@slab.org>
Date: Tue, 14 Oct 2025 08:57:25 +0100
Subject: [PATCH] format

---
 website/src/components/Tap.jsx   | 19 ++++++++-----------
 website/src/components/Vinyl.jsx |  3 +--
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/website/src/components/Tap.jsx b/website/src/components/Tap.jsx
index c84ce9feb..4fa9b5336 100644
--- a/website/src/components/Tap.jsx
+++ b/website/src/components/Tap.jsx
@@ -1,11 +1,11 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useState, useRef, useEffect } from 'react';
 
-export default function Tap({ initialCps = 0.4, maxSamples = 3}) {
+export default function Tap({ initialCps = 0.4, maxSamples = 3 }) {
   const [timestamps, setTimestamps] = useState([]);
   const [cps, setCps] = useState(initialCps);
 
   function addTap(ts = Date.now()) {
-    setTimestamps(prev => {
+    setTimestamps((prev) => {
       const next = [...prev, ts].slice(-(maxSamples + 1));
       calcCps(next);
       return next;
@@ -38,16 +38,16 @@ export default function Tap({ initialCps = 0.4, maxSamples = 3}) {
 
   useEffect(() => {
     function onKey(e) {
-      if (e.code === "Space") {
+      if (e.code === 'Space') {
         e.preventDefault();
         addTap();
-      } else if (e.code === "Backspace") {
+      } else if (e.code === 'Backspace') {
         e.preventDefault();
         reset();
       }
     }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
   }, []);
 
   function reset() {
@@ -55,14 +55,11 @@ export default function Tap({ initialCps = 0.4, maxSamples = 3}) {
     // setCps(initialCps);
   }
 
-
   return (
     <div>
       <div class="flex flex-col items-center p-7 font-medium text-white">
         <div>{cps.toFixed(2)} cps</div>
-        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-          onClick={handleTap}
-          >
+        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" onClick={handleTap}>
           Tap
         </button>
       </div>
diff --git a/website/src/components/Vinyl.jsx b/website/src/components/Vinyl.jsx
index 1a5dd9b70..a0a651d37 100644
--- a/website/src/components/Vinyl.jsx
+++ b/website/src/components/Vinyl.jsx
@@ -32,8 +32,7 @@ export function Vinyl() {
       cyclist.start();
       // cyclist.setPattern(saw.segment(8));
     }
-  }
-  else {
+  } else {
     cyclist.stop();
   }