diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index ddedcba..b860e20 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,13 +1,13 @@ import React from 'react'; import './App.css'; -import { Waveform } from './Waveform'; +import { Waveform } from './Waveform/Waveform'; const audioContext = new AudioContext(); function App() { return (
- +
); } diff --git a/frontend/src/Waveform/Canvas.tsx b/frontend/src/Waveform/Canvas.tsx index eff3fa4..36a06f6 100644 --- a/frontend/src/Waveform/Canvas.tsx +++ b/frontend/src/Waveform/Canvas.tsx @@ -1,5 +1,5 @@ import { useEffect, useRef } from 'react'; -import { CanvasLogicalWidth, CanvasLogicalHeight } from '../Waveform'; +import { CanvasLogicalWidth, CanvasLogicalHeight } from './Waveform'; const maxPeakValue = 32_768; diff --git a/frontend/src/Waveform/Helpers.tsx b/frontend/src/Waveform/Helpers.tsx index 2226b9c..4876e02 100644 --- a/frontend/src/Waveform/Helpers.tsx +++ b/frontend/src/Waveform/Helpers.tsx @@ -1,4 +1,4 @@ -import { CanvasLogicalWidth } from '../Waveform'; +import { CanvasLogicalWidth } from './Waveform'; import { MouseEvent } from 'react'; // TODO: add tests diff --git a/frontend/src/Waveform/Overview.tsx b/frontend/src/Waveform/Overview.tsx index 71a8594..9aae053 100644 --- a/frontend/src/Waveform/Overview.tsx +++ b/frontend/src/Waveform/Overview.tsx @@ -1,10 +1,6 @@ import { useEffect, useState, useRef, MouseEvent } from 'react'; import { Canvas as WaveformCanvas } from './Canvas'; -import { - CanvasLogicalWidth, - CanvasLogicalHeight, - Selection, -} from '../Waveform'; +import { CanvasLogicalWidth, CanvasLogicalHeight, Selection } from './Waveform'; import { mouseEventToCanvasX } from './Helpers'; interface Props { diff --git a/frontend/src/Waveform/Thumbnails.tsx b/frontend/src/Waveform/Thumbnails.tsx index 19ac80b..8032b6e 100644 --- a/frontend/src/Waveform/Thumbnails.tsx +++ b/frontend/src/Waveform/Thumbnails.tsx @@ -1,5 +1,5 @@ import { useState, useEffect, useRef } from 'react'; -import { CanvasLogicalWidth, CanvasLogicalHeight, MediaSet } from '../Waveform'; +import { CanvasLogicalWidth, CanvasLogicalHeight, MediaSet } from './Waveform'; interface Props { mediaSet: MediaSet; diff --git a/frontend/src/Waveform.tsx b/frontend/src/Waveform/Waveform.tsx similarity index 97% rename from frontend/src/Waveform.tsx rename to frontend/src/Waveform/Waveform.tsx index e2ead40..4fe874a 100644 --- a/frontend/src/Waveform.tsx +++ b/frontend/src/Waveform/Waveform.tsx @@ -1,8 +1,8 @@ import { useEffect, useState, useRef, MouseEvent } from 'react'; -import { Waveform as WaveformOverview } from './Waveform/Overview'; -import { Thumbnails } from './Waveform/Thumbnails'; -import { Canvas as WaveformCanvas } from './Waveform/Canvas'; -import { canvasXToFrame, mouseEventToCanvasX } from './Waveform/Helpers'; +import { Waveform as WaveformOverview } from './Overview'; +import { Thumbnails } from './Thumbnails'; +import { Canvas as WaveformCanvas } from './Canvas'; +import { canvasXToFrame, mouseEventToCanvasX } from './Helpers'; interface Props { audioContext: AudioContext;