diff --git a/apps/builder/src/features/results/components/ResultModal.tsx b/apps/builder/src/features/results/components/ResultModal.tsx index c3792a15776..ade0e049318 100644 --- a/apps/builder/src/features/results/components/ResultModal.tsx +++ b/apps/builder/src/features/results/components/ResultModal.tsx @@ -15,13 +15,15 @@ import { isDefined } from '@typebot.io/lib' import { HeaderIcon } from './HeaderIcon' type Props = { - resultIdx: number | null + resultId: string | null onClose: () => void } -export const ResultModal = ({ resultIdx, onClose }: Props) => { +export const ResultModal = ({ resultId, onClose }: Props) => { const { tableData, resultHeader } = useResults() - const result = isDefined(resultIdx) ? tableData[resultIdx] : undefined + const result = isDefined(resultId) + ? tableData.find((data) => data.id.plainText === resultId) + : undefined const getHeaderValue = ( val: string | { plainText: string; element?: JSX.Element | undefined } diff --git a/apps/builder/src/features/results/components/ResultsTableContainer.tsx b/apps/builder/src/features/results/components/ResultsTableContainer.tsx index 1c8fd9a881d..ef3464004aa 100644 --- a/apps/builder/src/features/results/components/ResultsTableContainer.tsx +++ b/apps/builder/src/features/results/components/ResultsTableContainer.tsx @@ -18,21 +18,21 @@ export const ResultsTableContainer = () => { const [inspectingLogsResultId, setInspectingLogsResultId] = useState< string | null >(null) - const [expandedResultIndex, setExpandedResultIndex] = useState( - null - ) + const [expandedResultId, setExpandedResultId] = useState(null) const handleLogsModalClose = () => setInspectingLogsResultId(null) - const handleResultModalClose = () => setExpandedResultIndex(null) + const handleResultModalClose = () => setExpandedResultId(null) const handleLogOpenIndex = (index: number) => () => { if (!results[index]) return setInspectingLogsResultId(results[index].id) } - const handleResultExpandIndex = (index: number) => () => - setExpandedResultIndex(index) + const handleResultExpandIndex = (index: number) => () => { + if (!results[index]) return + setExpandedResultId(results[index].id) + } return ( @@ -44,7 +44,7 @@ export const ResultsTableContainer = () => { /> )}