Function LoaderRow

packages/ui/src/views/docstore/DocumentStoreDetail.jsx:802–956

(props)

}

function LoaderRow(props) {
    const [anchorEl, setAnchorEl] = useState(null)
    const open = Boolean(anchorEl)

    const handleClick = (event) => {
        event.preventDefault()
        event.stopPropagation()
        setAnchorEl(event.currentTarget)
    }

    const handleClose = () => {
        setAnchorEl(null)
    }

    const formatSources = (files, source, loaderName) => {
        let sourceName = ''

        // Prefer files.name when files array exists and has items
        if (files && Array.isArray(files) && files.length > 0) {
            sourceName = files.map((file) => file.name).join(', ')
        } else if (source && typeof source === 'string' && source.includes('base64')) {
            // Fallback to original source logic
            sourceName = getFileName(source)
        } else if (source && typeof source === 'string' && source.startsWith('[') && source.endsWith(']')) {
            sourceName = JSON.parse(source).join(', ')
        } else if (source) {
            sourceName = source
        }

        // Return format: "LoaderName (sourceName)" or just "LoaderName" if no source
        if (!sourceName) {
            return loaderName || 'No source'
        }
        return loaderName ? `${loaderName} (${sourceName})` : sourceName
    }

    return (
        <>
            <TableRow hover key={props.index} sx={{ '&:last-child td, &:last-child th': { border: 0 }, cursor: 'pointer' }}>
                <StyledTableCell onClick={props.onViewChunksClick} scope='row' style={{ width: '5%' }}>
                    <div
                        style={{
                            display: 'flex',
                            width: '20px',
                            height: '20px',
                            backgroundColor: props.loader?.status === 'SYNC' ? '#00e676' : '#ffe57f',
                            borderRadius: '50%'
                        }}
                    ></div>
                </StyledTableCell>
                <StyledTableCell onClick={props.onViewChunksClick} scope='row'>
                    {props.loader.loaderName}
                </StyledTableCell>
                <StyledTableCell onClick={props.onViewChunksClick}>{props.loader.splitterName ?? 'None'}</StyledTableCell>
                <StyledTableCell onClick={props.onViewChunksClick}>
                    {formatSources(props.loader.files, props.loader.source)}
                </StyledTableCell>
                <StyledTableCell onClick={props.onViewChunksClick}>