aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/AudioWaveform.tsx
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2021-09-26 02:55:23 -0400
committerbobzel <zzzman@gmail.com>2021-09-26 02:55:23 -0400
commita793b7e981e46b7c98bee6cce3faaf3a5b05f6ae (patch)
tree6cc37876afc482b3ba0f6b123691fc7edb4e14ff /src/client/views/AudioWaveform.tsx
parent73a66c1e4b85be944c67a24b4fd1e864d2cfd275 (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.tsx11
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}