diff options
author | bobzel <zzzman@gmail.com> | 2021-09-26 02:55:23 -0400 |
---|---|---|
committer | bobzel <zzzman@gmail.com> | 2021-09-26 02:55:23 -0400 |
commit | a793b7e981e46b7c98bee6cce3faaf3a5b05f6ae (patch) | |
tree | 6cc37876afc482b3ba0f6b123691fc7edb4e14ff /src/client/views/AudioWaveform.tsx | |
parent | 73a66c1e4b85be944c67a24b4fd1e864d2cfd275 (diff) |
fixed warnings, fixed bug following link w/auto play. plus refactorings.
Diffstat (limited to 'src/client/views/AudioWaveform.tsx')
-rw-r--r-- | src/client/views/AudioWaveform.tsx | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/src/client/views/AudioWaveform.tsx b/src/client/views/AudioWaveform.tsx index 0e9c00656..270b3869c 100644 --- a/src/client/views/AudioWaveform.tsx +++ b/src/client/views/AudioWaveform.tsx @@ -25,14 +25,13 @@ export interface AudioWaveformProps { export class AudioWaveform extends React.Component<AudioWaveformProps> { public static NUMBER_OF_BUCKETS = 100; _disposer: IReactionDisposer | undefined; - @computed get _waveHeight() { - return Math.max(50, this.props.PanelHeight()); - } - + @computed get waveHeight() { return Math.max(50, this.props.PanelHeight()); } @computed get clipStart() { return this.props.clipStart; } @computed get clipEnd() { return this.props.clipEnd; } - audioBucketField = (start: number, end: number) => { return "audioBuckets/" + start.toFixed(2).replace(".", "_") + "/" + end.toFixed(2).replace(".", "_"); } @computed get audioBuckets() { return Cast(this.props.layoutDoc[this.audioBucketField(this.clipStart, this.clipEnd)], listSpec("number"), []); } + + audioBucketField = (start: number, end: number) => "audioBuckets/" + start.toFixed(2).replace(".", "_") + "/" + end.toFixed(2).replace(".", "_"); + componentWillUnmount() { this._disposer?.(); } @@ -87,7 +86,7 @@ export class AudioWaveform extends React.Component<AudioWaveformProps> { <div className="audioWaveform"> <Waveform color={Colors.MEDIUM_BLUE} - height={this._waveHeight} + height={this.waveHeight} barWidth={0.1} pos={this.props.duration} duration={this.props.duration} |