fix: lint and format

Author: ashhhleyyy

.prettierignore

@@ -1 +1,2 @@
 /stream-controller
+*.mp3

src/app/dashboard/streams/page.tsx

@@ -30,23 +30,25 @@ export default async function StreamsPage() {
     },
   });
 
-  const rows = streams.filter(stream => !stream.hideOnDashboard).map((stream) => (
-    <TableTr key={stream.fixtureId}>
-      <TableTd>
-        <StreamStatusIndicator
-          state={stream.state}
-          ingestPointId={stream?.ingestPoint?.id}
-        />
-      </TableTd>
-      <TableTd>
-        <Link href={`/dashboard/streams/${stream.fixtureId}`}>
-          {stream.name}
-        </Link>
-      </TableTd>
-      <TableTd>{stream.fixtureId}</TableTd>
-      <TableTd>{stream.ingestPoint?.name ?? '<unset>'}</TableTd>
-    </TableTr>
-  ));
+  const rows = streams
+    .filter((stream) => !stream.hideOnDashboard)
+    .map((stream) => (
+      <TableTr key={stream.fixtureId}>
+        <TableTd>
+          <StreamStatusIndicator
+            state={stream.state}
+            ingestPointId={stream?.ingestPoint?.id}
+          />
+        </TableTd>
+        <TableTd>
+          <Link href={`/dashboard/streams/${stream.fixtureId}`}>
+            {stream.name}
+          </Link>
+        </TableTd>
+        <TableTd>{stream.fixtureId}</TableTd>
+        <TableTd>{stream.ingestPoint?.name ?? '<unset>'}</TableTd>
+      </TableTr>
+    ));
 
   return (
     <>

src/app/embed/stream/[id]/page.tsx

@@ -1,6 +1,6 @@
 import StreamPlayer from '@/components/StreamPlayer';
 import { prisma } from '@/lib/db';
-import { Center, Container, Loader, Stack, Title } from '@mantine/core';
+import { Center, Container, Stack, Title } from '@mantine/core';
 import { notFound } from 'next/navigation';
 
 import './style.css';
@@ -26,19 +26,23 @@ export default async function StreamEmbed({
   }
 
   if (stream.state === 'Pending') {
-    return <Container pt={40}>
-      <Stack>
-        <Center>
-          <IconHourglass className='hourglass-spin' size={48} color='#ea3722' />
-        </Center>
+    return (
+      <Container pt={40}>
+        <Stack>
+          <Center>
+            <IconHourglass
+              className="hourglass-spin"
+              size={48}
+              color="#ea3722"
+            />
+          </Center>
 
-        <Center>
-          <Title order={1}>
-            This stream hasn't started yet
-          </Title>
-        </Center>
-      </Stack>
-    </Container>
+          <Center>
+            <Title order={1}>This stream hasn&apos;t started yet</Title>
+          </Center>
+        </Stack>
+      </Container>
+    );
   }
 
   return (

src/components/StreamPlayer.tsx

@@ -227,7 +227,7 @@ function StreamPlayerInner({ streamId, isLive, logPlayerErrors }: Props) {
         setHasStartedPlaying(true);
       }
     },
-    [hasStartedPlaying]
+    [hasStartedPlaying, isLive, streamId]
   );
 
   return (

src/lib/umami.ts

@@ -1,7 +1,7 @@
 'use client';
 
 interface Umami {
-  track: (event: string, data: any) => void;
+  track: (event: string, data: unknown) => void;
 }
 
 export function maybeGetUmami(): Umami | null {