aarbit/matrix-mod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: aarbit:a485d78e6f1d22001d918ef8e8d7ea23075c03d3
Branches Tags
aarbit:main
...
compare: aarbit:d0251550ddc8018795bd8fc4265e9799e208782a
Branches Tags
aarbit:main

3 Commits
a485d78e6f ... d0251550dd

Author SHA1 Message Date
aarbit
d0251550dd Updates title of page 2025-02-12 09:58:10 -06:00
aarbit
08bed4de9e Code comment clarification 2025-02-12 09:57:50 -06:00
aarbit
4a4faa5b5e Cleans up MIDI settings look 2025-02-12 09:55:27 -06:00
3 changed files with 20 additions and 4 deletions
Show Stats Expand all files Collapse all files

2
index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title> <title>Matrix 1000 Patch Selector</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

5
src/App.css
View File

@ -58,4 +58,9 @@
.unselected { .unselected {
font-size: medium; font-size: medium;
}
.midi-settings-container {
display: grid;
grid-template-columns: auto auto;
} }

17
src/App.tsx
View File

@ -72,7 +72,10 @@ function App() {
function pause(milliseconds: number) { function pause(milliseconds: number) {
const futureTime = new Date().getTime() + milliseconds; const futureTime = new Date().getTime() + milliseconds;
while (futureTime >= new Date().getTime()) {} while (futureTime >= new Date().getTime()) {
// NOSONAR
// Intentionally left blank because it's just pausing.
}
} }
const bankList = makeList(10) const bankList = makeList(10)
@ -113,8 +116,16 @@ function App() {
return ( return (
<> <>
<select onChange={handleMidiDeviceSelect}>{midiDeviceOptions()}</select> <div className={"midi-settings-container"}>
<select onChange={handleMidiChannelSelect}>{midiChannelOptions()}</select> <div>MIDI DEVICE</div>
<div>MIDI CHANNEL</div>
<div>
<select onChange={handleMidiDeviceSelect}>{midiDeviceOptions()}</select>
</div>
<div>
<select onChange={handleMidiChannelSelect}>{midiChannelOptions()}</select>
</div>
</div>
<div> <div>
PATCH: PATCH:
</div> </div>