selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-22 21:29:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move waveform back to the top

Browse Source
This commit is contained in:
Sergey Mankovsky
2024-06-14 16:12:38 +02:00
parent 038da4f36c
commit 0be6f72d87
2 changed files with 33 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
www/app/[domain]/transcripts/[transcriptId]/page.tsx
View File

@@ -59,10 +59,24 @@ export default function TranscriptDetails(details: TranscriptDetails) {
<>
<Grid
templateColumns="1fr"
templateRows="minmax(0, 1fr) auto"
templateRows="auto minmax(0, 1fr)"
gap={4}
mt={4}
mb={4}
>
{waveform.waveform && mp3.media && topics.topics ? (
<Player
topics={topics?.topics}
useActiveTopic={useActiveTopic}
waveform={waveform.waveform}
media={mp3.media}
mediaDuration={transcript.response.duration}
/>
) : waveform.error ? (
<div>"error loading this recording"</div>
) : (
<Skeleton h={14} />
)}
<Grid
templateColumns={{ base: "minmax(0, 1fr)", md: "repeat(2, 1fr)" }}
templateRows={{
@@ -118,19 +132,6 @@ export default function TranscriptDetails(details: TranscriptDetails) {
</Flex>
)}
</Grid>
{waveform.waveform && mp3.media && topics.topics ? (
<Player
topics={topics?.topics}
useActiveTopic={useActiveTopic}
waveform={waveform.waveform}
media={mp3.media}
mediaDuration={transcript.response.duration}
/>
) : waveform.error ? (
<div>"error loading this recording"</div>
) : (
<Skeleton h={14} />
)}
</Grid>
</>
);