Update names

__tests__/main.test.tsx

@@ -1,7 +1,7 @@
 import { expect, test } from "vitest";
 
 import { PointCanvas } from "../src/lib/PointCanvas.ts";
-import Scene from "../src/components/scene";
+import Scene from "../src/components/Scene";
 import React from "react";
 import { render } from "@testing-library/react";
 

src/components/dataControls.tsx → src/components/TrackControls.tsx

@@ -2,7 +2,7 @@ import { TrackManager } from "@/lib/TrackManager";
 import { Button, ButtonIcon, InputSlider, InputText } from "@czi-sds/components";
 import { Stack } from "@mui/material";
 
-interface DataControlsProps {
+interface TrackControlsProps {
     dataUrl: string;
     initialDataUrl: string;
     trackManager: TrackManager | null;
@@ -14,7 +14,7 @@ interface DataControlsProps {
     clearTracks: () => void;
 }
 
-export default function DataControls(props: DataControlsProps) {
+export default function TrackControls(props: TrackControlsProps) {
     const numTimes = props.trackManager?.points.shape[0] ?? 0;
     const trackLengthPct = numTimes ? (props.trackHighlightLength / 2 / numTimes) * 100 : 0;
 

src/components/app.tsx

@@ -3,9 +3,9 @@ import "@/css/app.css";
 
 import { Box, Drawer } from "@mui/material";
 
-import Scene from "@/components/scene.tsx";
-import DataControls from "@/components/dataControls.tsx";
-import PlaybackControls from "@/components/playbackControls.tsx";
+import Scene from "@/components/Scene.tsx";
+import TrackControls from "@/components/TrackControls.tsx";
+import PlaybackControls from "@/components/PlaybackControls.tsx";
 
 import useSelectionBox from "@/hooks/useSelectionBox";
 
@@ -203,7 +203,7 @@ export default function App() {
                     "& .MuiDrawer-paper": { width: drawerWidth, boxSizing: "border-box", padding: "2em" },
                 }}
             >
-                <DataControls
+                <TrackControls
                     dataUrl={dataUrl}
                     initialDataUrl={initialViewerState.dataUrl}
                     trackManager={trackManager}

src/components/main.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 import { StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
 import { defaultTheme } from "@czi-sds/components";
 
-import App from "@/components/app.tsx";
+import App from "@/components/App.tsx";
 import "@/css/index.css";
 
 const domNode = document.getElementById("app")!;