From 3612e78f105dc2355b0d0937b08c493a3c6fb44c Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sun, 12 Mar 2023 16:52:50 +0800
Subject: [PATCH] remove line

---
 src/components/BigWaveform.jsx | 36 ++++++++++++++++------------------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/components/BigWaveform.jsx b/src/components/BigWaveform.jsx
index c7932fc1..b4c1cb64 100644
--- a/src/components/BigWaveform.jsx
+++ b/src/components/BigWaveform.jsx
@@ -1,4 +1,4 @@
-import React, { Fragment, memo, useEffect, useState, useCallback, useRef } from 'react';
+import React, { memo, useEffect, useState, useCallback, useRef } from 'react';
 import { ffmpegExtractWindow } from '../util/constants';
 
 
@@ -87,24 +87,22 @@ const BigWaveform = memo(({ waveforms, relevantTime, playing, durationSafe, zoom
         const widthPercent = `${width * 100}%`;
 
         return (
-          <Fragment key={`${waveform.from}-${waveform.to}`}>
-            <img
-              src={waveform.url}
-              draggable={false}
-              alt=""
-              style={{
-                pointerEvents: 'none',
-                backgroundColor: 'var(--gray3)',
-                position: 'absolute',
-                height: '100%',
-                width: widthPercent,
-                left: leftPercent,
-                borderLeft: waveform.from === 0 ? '1px solid var(--gray11)' : undefined,
-                borderRight: waveform.to >= durationSafe ? '1px solid var(--gray11)' : undefined,
-              }}
-            />
-            <div style={{ pointerEvents: 'none', position: 'absolute', width: widthPercent, backgroundColor: 'var(--gray12)', height: 1, top: '50%', left: leftPercent }} />
-          </Fragment>
+          <img
+            key={`${waveform.from}-${waveform.to}`}
+            src={waveform.url}
+            draggable={false}
+            alt=""
+            style={{
+              pointerEvents: 'none',
+              backgroundColor: 'var(--gray3)',
+              position: 'absolute',
+              height: '100%',
+              width: widthPercent,
+              left: leftPercent,
+              borderLeft: waveform.from === 0 ? '1px solid var(--gray11)' : undefined,
+              borderRight: waveform.to >= durationSafe ? '1px solid var(--gray11)' : undefined,
+            }}
+          />
         );
       })}