diff --git a/src/pages/ModelPages/Compute/ComputeObject/ComputeObject.tsx b/src/pages/ModelPages/Compute/ComputeObject/ComputeObject.tsx index bd7ecfc0..e842606a 100644 --- a/src/pages/ModelPages/Compute/ComputeObject/ComputeObject.tsx +++ b/src/pages/ModelPages/Compute/ComputeObject/ComputeObject.tsx @@ -1,8 +1,9 @@ /* eslint-disable max-lines-per-function */ import { Typography } from '@equinor/eds-core-react'; -import { useMutation } from '@tanstack/react-query'; +import { useMutation, useQuery } from '@tanstack/react-query'; import { useState } from 'react'; import { useParams } from 'react-router-dom'; +import { AnalogueModelsService } from '../../../../api/generated'; import { EstimateChannelCommand } from '../../../../api/generated/models/EstimateChannelCommand'; import { JobsService } from '../../../../api/generated/services/JobsService'; import { CaseGroup } from '../../../../features/Compute/CaseGroup/CaseGroup'; @@ -15,6 +16,14 @@ import { } from '../ComputeVariogram/ComputeVariogram'; export const ComputeObject = () => { + const { modelId } = useParams<{ modelId: string }>(); + + const { isLoading, data } = useQuery({ + queryKey: ['analogue-models', modelId], + queryFn: () => + AnalogueModelsService.getApiAnalogueModels1(modelId as string), + }); + const [caseGroup, setCaseGroup] = useState([ { id: '1', @@ -25,7 +34,6 @@ export const ComputeObject = () => { const [cases, setCases] = useState([ { id: '1', name: 'Channel' }, ]); - const { modelId } = useParams<{ modelId: string }>(); const computeObject = useMutation({ mutationFn: JobsService.postApiJobsComputeChannelEstimations, @@ -73,6 +81,8 @@ export const ComputeObject = () => { await computeObject.mutateAsync(requestBody); }; + if (isLoading || !data?.success) return

Loading ...

; + return (