diff --git a/components/episode-ai-summary/episode-ai-summary-generator.tsx b/components/episode-ai-summary/episode-ai-summary-generator.tsx index 183ada7..296dcaf 100644 --- a/components/episode-ai-summary/episode-ai-summary-generator.tsx +++ b/components/episode-ai-summary/episode-ai-summary-generator.tsx @@ -22,7 +22,6 @@ type State = } | { status: 'summarizing'; - transcription: string; } | { status: 'transcribing'; @@ -30,18 +29,16 @@ type State = export function EpisodeAISummaryGenerator({ id, - title, }: { id: Tables<'episode'>['id']; - title: Tables<'episode'>['title']; }) { const [state, setState] = useState({ status: 'idle' }); const generate = useCallback(async () => { try { setState({ status: 'transcribing' }); - const transcription = await transcribeEpisode(id); - setState({ status: 'summarizing', transcription }); + await transcribeEpisode(id); + setState({ status: 'summarizing' }); } catch (error) { setState({ message: 'Failed to transcribe episode', status: 'error' }); } @@ -73,11 +70,7 @@ export function EpisodeAISummaryGenerator({ case 'summarizing': return ( - + ); diff --git a/components/episode-ai-summary/episode-ai-summary-streamer.tsx b/components/episode-ai-summary/episode-ai-summary-streamer.tsx index c0cebe0..bef6fc6 100644 --- a/components/episode-ai-summary/episode-ai-summary-streamer.tsx +++ b/components/episode-ai-summary/episode-ai-summary-streamer.tsx @@ -7,11 +7,9 @@ import React, { useEffect, useRef } from 'react'; type Props = { id: Tables<'episode'>['id']; - title: Tables<'episode'>['title']; - transcription: string; }; -export function EpisodeAISummaryStreamer({ id, title, transcription }: Props) { +export function EpisodeAISummaryStreamer({ id }: Props) { const startedRef = useRef(false); const { messages, reload, setMessages } = useChat({ @@ -34,7 +32,7 @@ export function EpisodeAISummaryStreamer({ id, title, transcription }: Props) { ]); void reload(); - }, [reload, setMessages, title, transcription]); + }, [reload, setMessages]); const assistantMessages = messages.filter((m) => m.role === 'assistant'); diff --git a/components/episode-ai-summary/episode-ai-summary.tsx b/components/episode-ai-summary/episode-ai-summary.tsx index 578cd0e..a42cc5b 100644 --- a/components/episode-ai-summary/episode-ai-summary.tsx +++ b/components/episode-ai-summary/episode-ai-summary.tsx @@ -14,7 +14,6 @@ import { EpisodeAISummaryPlaceholder } from './episode-ai-summary-placeholder'; type Props = { id: Tables<'episode'>['id']; - title: Tables<'episode'>['title']; }; export async function EpisodeAISummary(props: Props) { @@ -42,7 +41,7 @@ export async function EpisodeAISummary(props: Props) { ); } - return ; + return ; } const [episodeContent] = data; diff --git a/components/episode-detail.tsx b/components/episode-detail.tsx index b82d1ea..25b2cf9 100644 --- a/components/episode-detail.tsx +++ b/components/episode-detail.tsx @@ -81,7 +81,7 @@ async function EpisodeDetailPage(props: { id: Tables<'episode'>['id'] }) { show={data.show} title={data.title} > - + ); }