40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { Trans } from "@lingui-solid/solid/macro";
|
|
|
|
import { useState } from "@revolt/state";
|
|
import { CategoryButton, Checkbox, Column, Text } from "@revolt/ui";
|
|
|
|
/**
|
|
* Voice processing options
|
|
*/
|
|
export function VoiceProcessingOptions() {
|
|
const state = useState();
|
|
|
|
return (
|
|
<Column>
|
|
<Text class="title">
|
|
<Trans>Voice Processing</Trans>
|
|
</Text>
|
|
<CategoryButton.Group>
|
|
<CategoryButton
|
|
icon="blank"
|
|
action={<Checkbox checked={state.voice.noiseSupression} />}
|
|
onClick={() =>
|
|
(state.voice.noiseSupression = !state.voice.noiseSupression)
|
|
}
|
|
>
|
|
<Trans>Browser Noise Supression</Trans>
|
|
</CategoryButton>
|
|
<CategoryButton
|
|
icon="blank"
|
|
action={<Checkbox checked={state.voice.echoCancellation} />}
|
|
onClick={() =>
|
|
(state.voice.echoCancellation = !state.voice.echoCancellation)
|
|
}
|
|
>
|
|
<Trans>Browser Echo Cancellation</Trans>
|
|
</CategoryButton>
|
|
</CategoryButton.Group>
|
|
</Column>
|
|
);
|
|
}
|