more ui stuff

1 files changed, 4 insertions, 5 deletions

diff --git a/animism-align/frontend/views/align/components/timeline/waveform.component.js b/animism-align/frontend/views/align/components/timeline/waveform.component.js
index 128204a..0a118cf 100644
--- a/animism-align/frontend/views/align/components/timeline/waveform.component.js
+++ b/animism-align/frontend/views/align/components/timeline/waveform.component.js
@@ -45,7 +45,6 @@ class Waveform extends Component {
 
     let secondsPerPixel = ZOOM_STEPS[zoom] * 0.1 // 0.1 sec / step
     let stepsPerPixel = ZOOM_STEPS[zoom] // 0.1 sec / step
-    let indexesPerPixel = stepsPerPixel * 2
 
     let widthTimeDuration = h * secondsPerPixel // secs per pixel
 
@@ -53,7 +52,7 @@ class Waveform extends Component {
     let timeMax = Math.min(start_ts + widthTimeDuration, duration)
     let timeWidth = timeMax - timeMin
 
-    let stepMin = Math.floor(timeMin * 10 * 2)
+    let stepMin = Math.floor(timeMin * 10)
     let pixelWidth = Math.ceil(timeWidth / secondsPerPixel)
 
     let i = 0
@@ -62,17 +61,17 @@ class Waveform extends Component {
     let origin = (1 - peaks[step]) * waveformPeak
     let y
     let peak
-    // console.log(0 * indexesPerPixel + stepMin, pixelWidth * indexesPerPixel + stepMin)
+    // console.log(stepMin, pixelWidth * stepsPerPixel + stepMin)
     ctx.beginPath()
     ctx.moveTo(origin, 0)
     for (i = 0; i < pixelWidth; i++) {
-      step = i * indexesPerPixel + stepMin
+      step = i * stepsPerPixel + stepMin
       peak = peaks[step]
       y = (1 - peak) * waveformPeak
       ctx.lineTo(y, i)
     }
     for (i = pixelWidth - 1; i > 0; i--) {
-      step = i * indexesPerPixel + stepMin
+      step = i * stepsPerPixel + stepMin
       peak = peaks[step]
       y = (1 + peak) * waveformPeak
       ctx.lineTo(y, i)