Merge pull request #581 from audioverse-org/refactor/transcript

refactor: use paragraph version of the transcript

src/components/molecules/transcript.tsx

@@ -7,25 +7,6 @@ import { RecordingContentType } from '~src/__generated__/graphql';
 
 import styles from './transcript.module.scss';
 
-// @see https://stackoverflow.com/a/37400795/168581
-function splitText(text: string): string[] {
-	const paragraphs: string[] = [];
-	const sentenceRegex = /.*?[.!?]+(\s+|$)/g;
-	const sentences = text.match(sentenceRegex);
-
-	let paragraph = '';
-	sentences?.forEach((sentence, index) => {
-		paragraph += sentence;
-
-		if (paragraph.length >= 200 || index === sentences.length - 1) {
-			paragraphs.push(paragraph);
-			paragraph = '';
-		}
-	});
-
-	return paragraphs.length === 0 ? [text] : paragraphs;
-}
-
 export default function Transcript({
 	text,
 	recordingContentType,
@@ -36,8 +17,10 @@ export default function Transcript({
 	const isManuallyCreatedTranscript = text.includes('<p');
 	const __html = isManuallyCreatedTranscript
 		? text
-		: splitText(text)
-				.map((t) => `<p>${t}</p>`)
+		: text
+				.replace(/^\n+/, '')
+				.split('\n')
+				.map((paragraph) => `<p>${paragraph}</p>`)
 				.join('');
 
 	return (