diff --git a/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.test.tsx b/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.test.tsx index dfb8103a03..55ec1b4fbf 100644 --- a/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.test.tsx +++ b/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.test.tsx @@ -29,7 +29,7 @@ beforeEach(() => { }); describe("SegmentHeader", () => { - it("keeps the speaker label and timestamp visible", () => { + it("keeps the speaker label visible without exposing timestamps", () => { render( { ); expect(screen.getByRole("button", { name: "Speaker 3" })).toBeTruthy(); - expect(screen.getByText("00:12 - 00:18")).toBeTruthy(); + expect(screen.queryByText("00:12 - 00:18")).toBeNull(); }); }); diff --git a/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.tsx b/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.tsx index a01598b11d..d4e298de21 100644 --- a/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.tsx +++ b/apps/desktop/src/session/components/note-input/transcript/renderer/segment-header.tsx @@ -3,7 +3,7 @@ import { useMemo } from "react"; import { cn } from "@hypr/utils"; import { SpeakerAssignPopover } from "./speaker-assign"; -import { getTimestampRange, useSegmentColorVars } from "./utils"; +import { useSegmentColorVars } from "./utils"; import * as main from "~/store/tinybase/store/main"; import type { Segment } from "~/stt/live-segment"; @@ -21,7 +21,6 @@ export function SegmentHeader({ }) { const colorVars = useSegmentColorVars(segment.key); const label = useSpeakerLabel(segment.key, speakerLabelManager); - const timestamp = getTimestampRange(segment); const headerClassName = cn([ "bg-card sticky top-0 z-20", "-mx-3 px-3 py-1", @@ -39,9 +38,6 @@ export function SegmentHeader({ color="var(--segment-color)" label={label} /> - - {timestamp} - ); } diff --git a/apps/desktop/src/session/components/note-input/transcript/renderer/utils.ts b/apps/desktop/src/session/components/note-input/transcript/renderer/utils.ts index 1fb2499dba..578656712e 100644 --- a/apps/desktop/src/session/components/note-input/transcript/renderer/utils.ts +++ b/apps/desktop/src/session/components/note-input/transcript/renderer/utils.ts @@ -1,7 +1,7 @@ import chroma from "chroma-js"; import { type CSSProperties, useMemo } from "react"; -import type { Segment, SegmentKey, SegmentWord } from "~/stt/live-segment"; +import type { SegmentKey, SegmentWord } from "~/stt/live-segment"; export type HighlightSegment = { text: string; isMatch: boolean }; @@ -82,29 +82,6 @@ export function getActiveLineIndex( return null; } -export function formatTimestamp(ms: number): string { - const totalSeconds = Math.floor(ms / 1000); - const hours = Math.floor(totalSeconds / 3600); - const minutes = Math.floor((totalSeconds % 3600) / 60); - const seconds = totalSeconds % 60; - - if (hours > 0) { - return `${hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; - } - - return `${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; -} - -export function getTimestampRange(segment: Segment): string { - if (segment.words.length === 0) { - return "00:00 - 00:00"; - } - - const firstWord = segment.words[0]!; - const lastWord = segment.words[segment.words.length - 1]!; - return `${formatTimestamp(firstWord.start_ms)} - ${formatTimestamp(lastWord.end_ms)}`; -} - export function getSegmentColor( key: SegmentKey, mode: "light" | "dark" = "light",