RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Handle currentValue sometimes didnt has corrects values, causing render errors

Browse Source
This commit is contained in:
SrGooglo 2023-04-27 22:17:27 +00:00
parent d353c24aeb
commit 9609e8037c
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/app/constants/settings/components/compressorValues/index.jsx
View File

@ -20,7 +20,9 @@ export default (props) => {
} }
React.useEffect(() => { React.useEffect(() => {
setValues(props.ctx.currentValue) if (props.ctx.currentValue) {
setValues(props.ctx.currentValue)
}
}, [props.ctx.currentValue]) }, [props.ctx.currentValue])
return <div return <div
@ -39,7 +41,7 @@ export default (props) => {
<Slider <Slider
onChangeCommitted={(e, value) => handleChangeCommitted("threshold", value)} onChangeCommitted={(e, value) => handleChangeCommitted("threshold", value)}
onChange={(e, value) => handleOnChange("threshold", value)} onChange={(e, value) => handleOnChange("threshold", value)}
value={values.threshold} value={values?.threshold ?? 0}
orientation="vertical" orientation="vertical"
aria-label="Threshold" aria-label="Threshold"
valueLabelDisplay="auto" valueLabelDisplay="auto"
@ -51,7 +53,7 @@ export default (props) => {
<div className="compresorValues_slider_value"> <div className="compresorValues_slider_value">
<span> <span>
{values.threshold} dB {values?.threshold ?? 0} dB
</span> </span>
</div> </div>
</div> </div>
@ -65,7 +67,7 @@ export default (props) => {
<Slider <Slider
onChangeCommitted={(e, value) => handleChangeCommitted("knee", value)} onChangeCommitted={(e, value) => handleChangeCommitted("knee", value)}
onChange={(e, value) => handleOnChange("knee", value)} onChange={(e, value) => handleOnChange("knee", value)}
value={values.knee} value={values?.knee ?? 0}
orientation="vertical" orientation="vertical"
aria-label="Knee" aria-label="Knee"
valueLabelDisplay="auto" valueLabelDisplay="auto"
@ -77,7 +79,7 @@ export default (props) => {
<div className="compresorValues_slider_value"> <div className="compresorValues_slider_value">
<span> <span>
{values.knee} dB {values?.knee ?? 0} dB
</span> </span>
</div> </div>
</div> </div>
@ -91,7 +93,7 @@ export default (props) => {
<Slider <Slider
onChangeCommitted={(e, value) => handleChangeCommitted("ratio", value)} onChangeCommitted={(e, value) => handleChangeCommitted("ratio", value)}
onChange={(e, value) => handleOnChange("ratio", value)} onChange={(e, value) => handleOnChange("ratio", value)}
value={values.ratio} value={values?.ratio ?? 0}
orientation="vertical" orientation="vertical"
aria-label="Ratio" aria-label="Ratio"
valueLabelDisplay="auto" valueLabelDisplay="auto"
@ -102,7 +104,7 @@ export default (props) => {
/> />
<div className="compresorValues_slider_value"> <div className="compresorValues_slider_value">
<span> <span>
{values.ratio} : 1 {values?.ratio ?? 0} : 1
</span> </span>
</div> </div>
</div> </div>
@ -116,7 +118,7 @@ export default (props) => {
<Slider <Slider
onChangeCommitted={(e, value) => handleChangeCommitted("attack", value)} onChangeCommitted={(e, value) => handleChangeCommitted("attack", value)}
onChange={(e, value) => handleOnChange("attack", value)} onChange={(e, value) => handleOnChange("attack", value)}
value={values.attack} value={values?.attack ?? 0}
orientation="vertical" orientation="vertical"
aria-label="Attack" aria-label="Attack"
valueLabelDisplay="auto" valueLabelDisplay="auto"
@ -128,7 +130,7 @@ export default (props) => {
<div className="compresorValues_slider_value"> <div className="compresorValues_slider_value">
<span> <span>
{values.attack} s {values?.attack ?? 0} s
</span> </span>
</div> </div>
</div> </div>
@ -142,7 +144,7 @@ export default (props) => {
<Slider <Slider
onChangeCommitted={(e, value) => handleChangeCommitted("release", value)} onChangeCommitted={(e, value) => handleChangeCommitted("release", value)}
onChange={(e, value) => handleOnChange("release", value)} onChange={(e, value) => handleOnChange("release", value)}
value={values.release} value={values?.release ?? 0}
orientation="vertical" orientation="vertical"
aria-label="Release" aria-label="Release"
valueLabelDisplay="auto" valueLabelDisplay="auto"
@ -153,7 +155,7 @@ export default (props) => {
/> />
<div className="compresorValues_slider_value"> <div className="compresorValues_slider_value">
<span> <span>
{values.release} s {values?.release ?? 0} s
</span> </span>
</div> </div>
</div> </div>