From 65cc365717b2cefc02ba9f3687c84fd55061d057 Mon Sep 17 00:00:00 2001
From: Rob Watson <rob@netflux.io>
Date: Sat, 11 Dec 2021 17:25:30 +0100
Subject: [PATCH] Add debug view to App component

---
 frontend/src/App.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e077cc4..340f3c2 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -249,6 +249,21 @@ function App(): JSX.Element {
             height={thumbnailHeight}
           />
         </div>
+        <ul style={{ listStyleType: 'none' } as React.CSSProperties}>
+          <li>Frames: {mediaSet.audioFrames}</li>
+          <li>
+            Viewport (frames): {viewport.start} to {viewport.end}
+          </li>
+          <li>
+            Selection (frames): {selection.start} to {selection.end}
+          </li>
+          <li>
+            Position (frames):{' '}
+            {Math.round(mediaSet.audioFrames * (position.percent / 100))}
+          </li>
+          <li>Position (seconds): {position.currentTime}</li>
+          <li></li>
+        </ul>
       </div>
     </>
   );