gotthard_g/aaredb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more infos on the sample tracker

Browse Source
This commit is contained in:
GotthardG 2024-12-04 17:54:26 +01:00
parent 7b790a1f56
commit 1be9f4127e
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/SampleTracker.tsx
View File

@ -75,13 +75,13 @@ const SampleTracker: React.FC = () => {
<div className="pucks-container"> <div className="pucks-container">
{pucks.map((puck) => ( {pucks.map((puck) => (
<div key={puck.id} className="puck-column"> <div key={puck.id} className="puck-column">
<div className="puck-label"> <div className="puck-label" style={{fontSize: '16px'}}>
{puck.puck_name.split('').map((char, i) => ( {puck.puck_name.split('').map((char, i) => (
<span key={i}>{char}</span> <span key={i} style={{fontSize: '12px'}}>{char}</span>
))} ))}
</div> </div>
<div className="samples"> <div className="samples">
{Array.from({ length: 16 }).map((_, index) => { {Array.from({length: 16}).map((_, index) => {
const sample = puck.samples.find(s => s.position === index + 1); const sample = puck.samples.find(s => s.position === index + 1);
const status = sample ? getSampleStatus(sample.events) : ''; const status = sample ? getSampleStatus(sample.events) : '';
return ( return (