Function Insight

frontend/src/scenes/insights/Insight.tsx:45–354

({ insightId }: { insightId: InsightShortId | 'new' })

import { InsightVizNode } from '~/queries/schema'

export function Insight({ insightId }: { insightId: InsightShortId | 'new' }): JSX.Element {
    // insightSceneLogic
    const { insightMode, subscriptionId } = useValues(insightSceneLogic)
    const { setInsightMode } = useActions(insightSceneLogic)

    // insightLogic
    const logic = insightLogic({ dashboardItemId: insightId || 'new' })
    const {
        insightProps,
        insightLoading,
        filtersKnown,
        filters,
        canEditInsight,
        insight,
        insightChanged,
        tagLoading,
        insightSaving,
        exporterResourceParams,
        isUsingDataExploration,
        showErrorMessage,
    } = useValues(logic)
    const {
        saveInsight,
        setInsightMetadata,
        saveAs,
        reportInsightViewedForRecentInsights,
        abortAnyRunningQuery,
        loadResults,
    } = useActions(logic)

    // savedInsightsLogic
    const { duplicateInsight, loadInsights } = useActions(savedInsightsLogic)

    // insightDataLogic
    const { query } = useValues(insightDataLogic(insightProps))
    const { setQuery } = useActions(insightDataLogic(insightProps))

    // other logics
    useMountedLogic(insightCommandLogic(insightProps))
    const { hasAvailableFeature } = useValues(userLogic)
    const { aggregationLabel } = useValues(groupsModel)
    const { cohortsById } = useValues(cohortsModel)
    const { mathDefinitions } = useValues(mathsLogic)
    const { featureFlags } = useValues(featureFlagLogic)
    const { tags } = useValues(tagsModel)
    const { currentTeamId } = useValues(teamLogic)
    const { push } = useActions(router)

    useEffect(() => {
        reportInsightViewedForRecentInsights()
    }, [insightId])

    useEffect(() => {
        // if users navigate away from insights then we may cancel an API call
        // and when they come back they may see an error state, so clear it
        if (showErrorMessage) {
            loadResults()
        }