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

past meeting transcript details

Browse Source
This commit is contained in:
Sara
2024-01-22 16:24:11 +01:00
parent f36e8bc2cb
commit 66211262d0
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
www/app/[domain]/transcripts/topicList.tsx
View File

@@ -1,9 +1,4 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faChevronRight,
faChevronDown,
} from "@fortawesome/free-solid-svg-icons";
import { formatTime } from "../../lib/time"; import { formatTime } from "../../lib/time";
import ScrollToBottom from "./scrollToBottom"; import ScrollToBottom from "./scrollToBottom";
import { Topic } from "./webSocketTypes"; import { Topic } from "./webSocketTypes";
@@ -17,10 +12,8 @@ import {
AccordionPanel, AccordionPanel,
Box, Box,
Flex, Flex,
Icon,
Text, Text,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { FaChevronDown, FaChevronRight } from "react-icons/fa";
type TopicListProps = { type TopicListProps = {
topics: Topic[]; topics: Topic[];
@@ -155,21 +148,26 @@ export function TopicList({
pb={2} pb={2}
lineHeight={"1.3"} lineHeight={"1.3"}
> >
<span className="font-mono text-slate-500"> <Text
as="span"
color={"gray.500"}
fontFamily={"monospace"}
fontSize={"sm"}
>
[{formatTime(segment.start)}] [{formatTime(segment.start)}]
</span> </Text>
<span <Text
className="font-bold text-slate-500" as="span"
style={{ fontWeight={"bold"}
color: generateHighContrastColor( fontSize={"sm"}
`Speaker ${segment.speaker}`, color={generateHighContrastColor(
[96, 165, 250], `Speaker ${segment.speaker}`,
), [96, 165, 250],
}} )}
> >
{" "} {" "}
{getSpeakerName(segment.speaker)}: {getSpeakerName(segment.speaker)}:
</span>{" "} </Text>{" "}
<span>{segment.text}</span> <span>{segment.text}</span>
</Text> </Text>
))} ))}