bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CODEX - Changed the Measures to 1-16

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-23 21:08:23 +02:00
parent b3e6f89bd2
commit e62cffc10c
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/melodies/MelodyComposer.jsx
View File

@@ -112,7 +112,7 @@ export default function MelodyComposer() {
const [noteCount, setNoteCount] = useState(8);
const [stepDelayMs, setStepDelayMs] = useState(280);
const [noteDurationMs, setNoteDurationMs] = useState(110);
const [measureEvery, setMeasureEvery] = useState(0);
const [measureEvery, setMeasureEvery] = useState(4);
const [loopEnabled, setLoopEnabled] = useState(true);
const [isPlaying, setIsPlaying] = useState(false);
const [currentStep, setCurrentStep] = useState(-1);
@@ -362,8 +362,7 @@ export default function MelodyComposer() {
return active;
}, [currentStep, noteCount, steps]);
const speedBpm = msToBpm(stepDelayMs);
const measureChoices = [0, 4, 8, 16, 32];
const measureSliderIdx = Math.max(0, measureChoices.indexOf(measureEvery));
const measureSliderValue = Math.max(1, Math.min(16, Number(measureEvery) || 1));
return (
<div className="space-y-6">
@@ -477,9 +476,9 @@ export default function MelodyComposer() {
<div className="sm:col-span-1 min-w-0">
<div className="flex items-center justify-between">
<label className="text-sm font-medium" style={{ color: "var(--text-secondary)" }}>Measure</label>
<span className="text-sm font-semibold" style={{ color: "var(--accent)" }}>{measureEvery || "Off"}</span>
<span className="text-sm font-semibold" style={{ color: "var(--accent)" }}>{measureEvery}</span>
</div>
<input type="range" min="0" max="4" step="1" value={measureSliderIdx} onChange={(e) => setMeasureEvery(measureChoices[Number(e.target.value)] || 0)} className="w-full mt-2" />
<input type="range" min="1" max="16" step="1" value={measureSliderValue} onChange={(e) => setMeasureEvery(Number(e.target.value))} className="w-full mt-2" />
</div>
</div>
</div>