Function Query

frontend/src/queries/Query/Query.tsx:30–74

(props: QueryProps)

}

export function Query(props: QueryProps): JSX.Element {
    const { query: propsQuery, setQuery: propsSetQuery, readOnly, context } = props
    const [localQuery, localSetQuery] = useState(propsQuery)
    useEffect(() => {
        if (propsQuery !== localQuery) {
            localSetQuery(propsQuery)
        }
    }, [propsQuery])

    const query = readOnly ? propsQuery : localQuery
    const setQuery = readOnly ? undefined : propsSetQuery ?? localSetQuery

    if (typeof query === 'string') {
        try {
            return <Query {...props} query={JSON.parse(query)} />
        } catch (e: any) {
            return <div className="border border-danger p-4 text-danger">Error parsing JSON: {e.message}</div>
        }
    }

    let component
    if (isLegacyQuery(query)) {
        component = <LegacyInsightQuery query={query} />
    } else if (isDataTableNode(query)) {
        component = <DataTable query={query} setQuery={setQuery} context={context} />
    } else if (isDataNode(query)) {
        component = <DataNode query={query} />
    } else if (isInsightVizNode(query)) {
        component = <InsightViz query={query} setQuery={setQuery} />
    } else if (isInsightQueryNode(query)) {
        component = <InsightQuery query={query} />
    } else if (isTimeToSeeDataQuery(query)) {
        component = <TimeToSeeData query={query} />
    }

    if (component) {
        return <ErrorBoundary>{component}</ErrorBoundary>
    }

    return (
        <div className="text-danger border border-danger p-2">
            <strong>PostHoqQuery error:</strong> {query?.kind ? `Invalid node type "${query.kind}"` : 'Invalid query'}
        </div>
    )
}