audio playback finish

Author: seveibar

src/components/Timeline/index.js

@@ -41,7 +41,7 @@ const TimeCursor = styled("div")(({ left, themeColors }) => ({
   width: 0,
   height: 0,
   top: 0,
-  left,
+  left: left - 6,
   borderLeft: "8px solid transparent",
   borderRight: "8px solid transparent",
   borderTop: `12px solid ${themeColors.green}`,

src/components/Wave/index.js

@@ -4,6 +4,7 @@ import { styled } from "@material-ui/core/styles"
 import colorAlpha from "color-alpha"
 import useColors from "../../hooks/use-colors"
 import { formatTime } from "../../utils/format-time"
+import { useTimeCursorTime } from "../../hooks/use-time-cursor-time"
 import HighlightValueLabels from "../HighlightValueLabels"
 
 const userSelectOffStyle = {
@@ -68,6 +69,11 @@ export const Wave = ({
 }) => {
   const colors = useColors()
 
+  const recoilTimeCursorTime = useTimeCursorTime()
+
+  timeCursorTime =
+    timeCursorTime === undefined ? recoilTimeCursorTime : timeCursorTime
+
   const {
     visibleDuration,
     startTimeOnGraph,