LucasDLTG/dsp-thomann-interface
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: group gain + scale logo

Browse Source
This commit is contained in:
LucasDLTG
2026-07-23 14:12:11 +02:00
parent a77c0668aa
commit 4c146902e3
18 changed files with 440 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/dsp408/GainSection/GainSection.tsx
View File

@ -6,6 +6,7 @@ import { NotificationType } from '../../../types/types';
import { useState } from 'react';
import Button from '../../Button/Button';
import AutoScale from '../../AutoScale/AutoScale';
import ChannelGroup from '../ChannelGroup/ChannelGroup';
import './GainSection.css';
const DESIGN_WIDTH = 90;
@ -139,12 +140,14 @@ function GainSection({
dsp: DSP;
notify: (message: string, type?: NotificationType, dspName?: string) => void;
}) {
const channels: { channel: Channel; title: string }[] = [
const inputs: { channel: Channel; title: string }[] = [
{ channel: { Input: InputChannel.InA }, title: 'In A' },
{ channel: { Input: InputChannel.InB }, title: 'In B' },
{ channel: { Input: InputChannel.InC }, title: 'In C' },
{ channel: { Input: InputChannel.InD }, title: 'In D' },
];
const outputs: { channel: Channel; title: string }[] = [
{ channel: { Output: OutputChannel.Out1 }, title: 'Out 1' },
{ channel: { Output: OutputChannel.Out2 }, title: 'Out 2' },
{ channel: { Output: OutputChannel.Out3 }, title: 'Out 3' },
@ -158,9 +161,17 @@ function GainSection({
return (
<div className="gain-section">
<div className="gain-panels">
{channels.map(({ channel, title }) => (
<GainPanel key={title} dsp={dsp} notify={notify} channel={channel} title={title} />
))}
<ChannelGroup title="Input">
{inputs.map(({ channel, title }) => (
<GainPanel key={title} dsp={dsp} notify={notify} channel={channel} title={title} />
))}
</ChannelGroup>
<ChannelGroup title="Output">
{outputs.map(({ channel, title }) => (
<GainPanel key={title} dsp={dsp} notify={notify} channel={channel} title={title} />
))}
</ChannelGroup>
</div>
</div>
);