Fix props

This commit is contained in:
2024-06-11 15:00:41 +02:00
parent ac51df26a5
commit 742d97797f
4 changed files with 14 additions and 11 deletions

View File

@@ -93,6 +93,8 @@ export default function TranscriptDetails(details: TranscriptDetails) {
useActiveTopic={useActiveTopic} useActiveTopic={useActiveTopic}
autoscroll={false} autoscroll={false}
transcriptId={transcriptId} transcriptId={transcriptId}
status={transcript.response?.status}
currentTranscriptText=""
/> />
{transcript.response && topics.topics ? ( {transcript.response && topics.topics ? (
<> <>

View File

@@ -37,7 +37,7 @@ export default function FileUploadButton(props: FileUploadButton) {
onClick={triggerFileUpload} onClick={triggerFileUpload}
colorScheme="blue" colorScheme="blue"
mr={2} mr={2}
disabled={props.disabled} isDisabled={props.disabled}
> >
Upload File Upload File
</Button> </Button>

View File

@@ -42,7 +42,7 @@ export function TopicList({
const scrollToTopic = () => { const scrollToTopic = () => {
const topicDiv = document.getElementById( const topicDiv = document.getElementById(
`accordion-button-topic-${activeTopic?.id}`, `accordion-button-topic-${activeTopic?.id}`
); );
setTimeout(() => { setTimeout(() => {
@@ -63,7 +63,7 @@ export function TopicList({
const toggleScroll = (element) => { const toggleScroll = (element) => {
const bottom = const bottom =
Math.abs( Math.abs(
element.scrollHeight - element.clientHeight - element.scrollTop, element.scrollHeight - element.clientHeight - element.scrollTop
) < 2 || element.scrollHeight == element.clientHeight; ) < 2 || element.scrollHeight == element.clientHeight;
if (!bottom && autoscrollEnabled) { if (!bottom && autoscrollEnabled) {
setAutoscrollEnabled(false); setAutoscrollEnabled(false);
@@ -97,7 +97,7 @@ export function TopicList({
if (!participants.response) return; if (!participants.response) return;
return ( return (
participants.response.find( participants.response.find(
(participant) => participant.speaker == speakerNumber, (participant) => participant.speaker == speakerNumber
)?.name || `Speaker ${speakerNumber}` )?.name || `Speaker ${speakerNumber}`
); );
}; };
@@ -134,6 +134,8 @@ export function TopicList({
overflowY={"auto"} overflowY={"auto"}
h={"100%"} h={"100%"}
onScroll={handleScroll} onScroll={handleScroll}
width="full"
padding={2}
> >
{topics.length > 0 && ( {topics.length > 0 && (
<Accordion <Accordion
@@ -146,17 +148,16 @@ export function TopicList({
key={index} key={index}
background={{ background={{
base: "light", base: "light",
_hover: "gray.100", hover: "gray.100",
_focus: "gray.100", focus: "gray.100",
}} }}
padding={2}
id={`topic-${topic.id}`} id={`topic-${topic.id}`}
> >
<Flex dir="row" letterSpacing={".2"}> <Flex dir="row" letterSpacing={".2"}>
<AccordionButton <AccordionButton
onClick={() => { onClick={() => {
setActiveTopic( setActiveTopic(
activeTopic?.id == topic.id ? null : topic, activeTopic?.id == topic.id ? null : topic
); );
}} }}
> >
@@ -199,7 +200,7 @@ export function TopicList({
fontSize={"sm"} fontSize={"sm"}
color={generateHighContrastColor( color={generateHighContrastColor(
`Speaker ${segment.speaker}`, `Speaker ${segment.speaker}`,
[96, 165, 250], [96, 165, 250]
)} )}
> >
{" "} {" "}

View File

@@ -5,8 +5,8 @@ export default function PauseIcon(props) {
<Icon viewBox="0 0 30 30" {...props}> <Icon viewBox="0 0 30 30" {...props}>
<path <path
fill="currentColor" fill="currentColor"
fill-rule="evenodd" fillRule="evenodd"
clip-rule="evenodd" clipRule="evenodd"
d="M11.514 5.5C11.514 4.11929 10.3947 3 9.01404 3C7.63333 3 6.51404 4.11929 6.51404 5.5V24.5C6.51404 25.8807 7.63333 27 9.01404 27C10.3947 27 11.514 25.8807 11.514 24.5L11.514 5.5ZM23.486 5.5C23.486 4.11929 22.3667 3 20.986 3C19.6053 3 18.486 4.11929 18.486 5.5L18.486 24.5C18.486 25.8807 19.6053 27 20.986 27C22.3667 27 23.486 25.8807 23.486 24.5V5.5Z" d="M11.514 5.5C11.514 4.11929 10.3947 3 9.01404 3C7.63333 3 6.51404 4.11929 6.51404 5.5V24.5C6.51404 25.8807 7.63333 27 9.01404 27C10.3947 27 11.514 25.8807 11.514 24.5L11.514 5.5ZM23.486 5.5C23.486 4.11929 22.3667 3 20.986 3C19.6053 3 18.486 4.11929 18.486 5.5L18.486 24.5C18.486 25.8807 19.6053 27 20.986 27C22.3667 27 23.486 25.8807 23.486 24.5V5.5Z"
/> />
</Icon> </Icon>