From eead36252aa1eaec45bb6c1f18eb140e6be80e51 Mon Sep 17 00:00:00 2001
From: thewh1teagle <61390950+thewh1teagle@users.noreply.github.com>
Date: Wed, 13 Nov 2024 03:00:23 +0200
Subject: [PATCH] fix: merge segments for html view

---
 desktop/src/components/HtmlView.tsx | 3 ++-
 desktop/src/lib/transcript.ts       | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/desktop/src/components/HtmlView.tsx b/desktop/src/components/HtmlView.tsx
index 6f14fb5d..79a1de70 100644
--- a/desktop/src/components/HtmlView.tsx
+++ b/desktop/src/components/HtmlView.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Segment, formatTimestamp } from '~/lib/transcript'
+import { Segment, formatTimestamp, mergeSpeakerSegments } from '~/lib/transcript'
 import { NamedPath, formatSpeaker } from '~/lib/utils'
 import { Preference } from '~/providers/Preference'
 
@@ -21,6 +21,7 @@ export function formatDuration(start: number, stop: number, direction: 'rtl' | '
 }
 
 export default function HTMLView({ segments, file, preference }: HTMLViewProps) {
+	segments = mergeSpeakerSegments(segments)
 	const { t } = useTranslation()
 	return (
 		<div
diff --git a/desktop/src/lib/transcript.ts b/desktop/src/lib/transcript.ts
index 6d4e4cef..7faed6dd 100644
--- a/desktop/src/lib/transcript.ts
+++ b/desktop/src/lib/transcript.ts
@@ -45,12 +45,12 @@ export function formatTimestamp(seconds: number, alwaysIncludeHours: boolean, de
 	return result
 }
 
-function mergeSpeakerSegments(segments: Segment[]) {
+export function mergeSpeakerSegments(segments: Segment[]) {
 	let currentSpeaker: string | undefined
 	const newSegments: Segment[] = []
 	let currentSegment: Segment = { speaker: '', text: '', start: 0, stop: 0 }
 
-	if (segments?.[0].speaker) {
+	if (segments?.[0]?.speaker) {
 		for (const segment of segments) {
 			// First segment or speaker change
 			if (!currentSpeaker || segment.speaker !== currentSpeaker) {