From f158ea3ccd1e9b06c1b3fbce7f0f2c3ddbd66e86 Mon Sep 17 00:00:00 2001
From: Skander Mzali <skanderm@gmail.com>
Date: Tue, 28 Jan 2025 13:20:49 -0800
Subject: [PATCH] Fix unexported type

---
 ui/src/components/Bouts/BoutPage.tsx            | 10 ++++++++--
 ui/src/components/Bouts/SpectrogramTimeline.tsx |  2 +-
 ui/src/pages/bouts/new/[feedSlug].tsx           |  4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/Bouts/BoutPage.tsx b/ui/src/components/Bouts/BoutPage.tsx
index 9081f8c7..e878abe5 100644
--- a/ui/src/components/Bouts/BoutPage.tsx
+++ b/ui/src/components/Bouts/BoutPage.tsx
@@ -104,7 +104,7 @@ export default function BoutPage({
     targetAudioCategory ?? bout?.category,
   );
 
-  const timeBuffer = 5; // minutes
+  const timeBuffer = 15; // minutes
   const targetTimePlusBuffer = roundToNearestMinutes(
     min([targetTime, addMinutes(targetTime, timeBuffer)]),
     { roundingMethod: "ceil" },
@@ -415,7 +415,13 @@ export default function BoutPage({
                 sx={{ width: "100%" }}
                 {...(boutForm.errors.audioCategory ? { error: true } : {})}
               >
-                <InputLabel sx={{ textTransform: "uppercase", fontSize: 14 }}>
+                <InputLabel
+                  sx={{
+                    textTransform: "uppercase",
+                    fontSize: 14,
+                    "&[data-shrink=false]": { top: "-6px" },
+                  }}
+                >
                   Category
                 </InputLabel>
                 <Select
diff --git a/ui/src/components/Bouts/SpectrogramTimeline.tsx b/ui/src/components/Bouts/SpectrogramTimeline.tsx
index fe0cb253..ae91048c 100644
--- a/ui/src/components/Bouts/SpectrogramTimeline.tsx
+++ b/ui/src/components/Bouts/SpectrogramTimeline.tsx
@@ -25,7 +25,7 @@ export const TICKER_HEIGHT = 30;
 const SPECTROGRAM_HEIGHT = 300;
 const PIXEL_ZOOM_FACTOR = 50;
 
-type SpectrogramFeedSegment = Pick<
+export type SpectrogramFeedSegment = Pick<
   FeedSegment,
   "id" | "startTime" | "endTime" | "duration"
 > & { audioImages: Pick<AudioImage, "bucket" | "objectPath">[] };
diff --git a/ui/src/pages/bouts/new/[feedSlug].tsx b/ui/src/pages/bouts/new/[feedSlug].tsx
index 85abd5be..71385bba 100644
--- a/ui/src/pages/bouts/new/[feedSlug].tsx
+++ b/ui/src/pages/bouts/new/[feedSlug].tsx
@@ -10,7 +10,7 @@ import { AudioCategory, useFeedQuery } from "@/graphql/generated";
 import type { NextPageWithLayout } from "@/pages/_app";
 
 const NewBoutPage: NextPageWithLayout = () => {
-  const targetTime = new Date("2024-12-11 19:55:44.013Z");
+  const targetTime = new Date("2024-12-11 19:52:44.013Z");
 
   const params = useParams<{ feedSlug?: string }>();
   const feedSlug = params?.feedSlug;
@@ -47,8 +47,8 @@ const NewBoutPage: NextPageWithLayout = () => {
 
       <main>
         <BoutPage
-          feed={feed}
           isNew={true}
+          feed={feed}
           targetTime={targetTime}
           targetAudioCategory={targetAudioCategory}
         />