refactor(FE-87-106): refactor api integration untuk project flock dan project flock kandang

src/app/production/project-flock/detail/page.tsx

@@ -2,8 +2,11 @@
 
 import ProjectFlockForm from '@/components/pages/production/project-flock/form/ProjectFlockForm';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { FlockApi } from '@/services/api/master-data';
 import { ProjectFlockApi } from '@/services/api/production';
+import { ProjectFlock } from '@/types/api/production/project-flock';
 import { useRouter, useSearchParams } from 'next/navigation';
+import { useState } from 'react';
 import useSWR from 'swr';
 
 const ProjectFlockDetail = () => {
@@ -12,12 +15,21 @@ const ProjectFlockDetail = () => {
 
   const projectFlockId = searchParams.get('projectFlockId');
 
+  const [projectName, setProjectName] = useState();
+
   const {
     data: projectFlock,
     isLoading: isLoadingProjectFlock,
     mutate: refreshProjectFlock,
   } = useSWR(projectFlockId, (id: number) => ProjectFlockApi.getSingle(id));
 
+  const flockUrl = `${FlockApi.basePath}`;
+  const {
+    data: flock,
+    isLoading: isLoadingFlock,
+    mutate: refreshFlock,
+  } = useSWR(flockUrl, FlockApi.getAllFetcher);
+
   if (!projectFlockId) {
     router.back();
 
@@ -36,15 +48,37 @@ const ProjectFlockDetail = () => {
     return;
   }
 
+  // Attach flock id to project flock
+  let projectFlockAttached: ProjectFlock | undefined;
+
+  if (isResponseSuccess(projectFlock) && isResponseSuccess(flock)) {
+    projectFlockAttached = {
+      ...projectFlock.data,
+      flock: flock.data.find(
+        (flock) =>
+          flock.name ==
+          projectFlock.data.flock_name
+            .trim()
+            .split(/\s+/)
+            .slice(0, -1)
+            .join(' ')
+      ),
+    };
+    console.log('projectFlockAttached');
+    console.log(projectFlockAttached);
+    console.log('flocks');
+    console.log(flock.data);
+  }
+
   return (
     <div className='w-full p-4 flex flex-row justify-center'>
       {isLoadingProjectFlock && (
         <span className='loading loading-spinner loading-xl' />
       )}
-      {!isLoadingProjectFlock && isResponseSuccess(projectFlock) && (
+      {projectFlockAttached && (
         <ProjectFlockForm
           formType='detail'
-          initialValues={projectFlock.data}
+          initialValues={projectFlockAttached}
           refreshProjectFlocks={refreshProjectFlock}
         />
       )}