refactor(FE-239-238): Refactor UI & API Integration For Form Chickin & Chickin Details

src/app/production/project-flock/chickin/add/kandang/page.tsx

@@ -12,9 +12,12 @@ export default function AddChickinKandang() {
   const projectFlockId = searchParams.get('projectFlockId');
   const router = useRouter();
 
-  const { data: projectFlockKandang, isLoading: isLoading } = useSWR(
-    projectFlockKandangId,
-    (id: number) => ProjectFlockKandangApi.getSingle(id)
+  const {
+    data: projectFlockKandang,
+    isLoading: isLoading,
+    mutate: refreshProjectFlockKandang,
+  } = useSWR(projectFlockKandangId, (id: number) =>
+    ProjectFlockKandangApi.getSingle(id)
   );
 
   if (!projectFlockKandangId) {
@@ -31,6 +34,10 @@ export default function AddChickinKandang() {
     return;
   }
 
+  const handleAfterSubmit = () => {
+    refreshProjectFlockKandang();
+  };
+
   return (
     <>
       <section className='w-full p-4'>
@@ -38,7 +45,10 @@ export default function AddChickinKandang() {
         {!isLoading &&
           isResponseSuccess(projectFlockKandang) &&
           projectFlockId && (
-            <ChickinForm initialValues={projectFlockKandang.data} />
+            <ChickinForm
+              initialValues={projectFlockKandang.data}
+              afterSubmit={handleAfterSubmit}
+            />
           )}
       </section>
     </>

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

@@ -6,7 +6,7 @@ import Modal, { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import ChickinForm from '@/components/pages/production/chickin/form/ChickinForm';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
-import { ChickinApi } from '@/services/api/production';
+import { ChickinApi } from '@/services/api/production/chickin';
 import { BaseApiResponse } from '@/types/api/api-general';
 import {
   Chickin,

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

@@ -57,7 +57,7 @@ const ProjectFlockDetail = () => {
       flock: flock.data.find(
         (flock) =>
           flock.name ==
-          projectFlock.data.flock_name
+          projectFlock?.data?.flock_name
             .trim()
             .split(/\s+/)
             .slice(0, -1)