chore: Fetch model data.

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<CaseGroupType[]>([
     {
       id: '1',
@@ -25,7 +34,6 @@ export const ComputeObject = () => {
   const [cases, setCases] = useState<Casetype[]>([
     { 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 <p>Loading ...</p>;
+
   return (
     <Styled.Case>
       <ComputeHeader addCase={addCase} caseInfo={ObjectCaseInfo} />