refactor(FE-238-106): change dateinput and create chickin page and pull development

src/components/pages/production/project-flock/ProjectFlockTable.tsx

@@ -9,6 +9,7 @@ import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import Table from '@/components/Table';
 import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import RowDropdownOptions from '@/components/table/RowDropdownOptions';
+import RowOptionsMenuWrapper from '@/components/table/RowOptionsMenuWrapper';
 import { ROWS_OPTIONS } from '@/config/constant';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { cn } from '@/lib/helper';
@@ -261,6 +262,7 @@ const ProjectFlockTable = () => {
             <div className='flex flex-col sm:flex-row gap-3 w-full'>
               <Button
                 href='/production/project-flock/add'
+                variant='outline'
                 color='primary'
                 className='w-full sm:w-fit'
               >

src/components/pages/production/project-flock/form/ProjectFlockForm.schema.ts

@@ -24,7 +24,8 @@ export const ProjectFlockFormSchema = Yup.object({
     value: Yup.string().required('Nilai Kategori wajib diisi!'),
     label: Yup.string().required('Label Kategori wajib diisi!'),
   }).nullable(),
-  category: Yup.string().oneOf(['GROWING', 'LAYING'], 'Kategori wajib diisi!')
+  category: Yup.string()
+    .oneOf(['GROWING', 'LAYING'], 'Kategori wajib diisi!')
     .required('Kategori wajib diisi!'),
 
   // FCR

src/components/pages/production/project-flock/form/ProjectFlockForm.tsx

@@ -79,9 +79,8 @@ const ProjectFlockForm = ({
   const [isApprovedDisabled, setIsApprovedDisabled] = useState(
     initialValues?.approval.step_name == 'Pengajuan' ? false : true
   );
-  const [isRejectedDisabled, setIsRejectedDisabled] = useState(
-    !isApprovedDisabled
-  );
+  const [isRejectedDisabled, setIsRejectedDisabled] =
+    useState(!isApprovedDisabled);
   const [approvalAction, setApprovalAction] = useState<'APPROVED' | 'REJECTED'>(
     !isApprovedDisabled ? 'APPROVED' : 'REJECTED'
   );
@@ -143,10 +142,11 @@ const ProjectFlockForm = ({
     search: '',
     location_id: selectedLocation == '' ? '0' : selectedLocation,
   }).toString()}`;
-  const { data: kandang, isLoading: isLoadingKandang, mutate: refreshKandang} = useSWR(
-    kandangUrl,
-    KandangApi.getAllFetcher
-  );
+  const {
+    data: kandang,
+    isLoading: isLoadingKandang,
+    mutate: refreshKandang,
+  } = useSWR(kandangUrl, KandangApi.getAllFetcher);
 
   const getPeriodFlocksUrl = `flocks/${selectedFlock}/periods`;
 
@@ -207,10 +207,7 @@ const ProjectFlockForm = ({
       setOpenSelectKandangs(true);
 
       const newRowSelection = Object.fromEntries(
-        initialValues.kandangs.map((k: Kandang) => [
-          k.id.toString(),
-          true,
-        ])
+        initialValues.kandangs.map((k: Kandang) => [k.id.toString(), true])
       );
       setRowSelection(newRowSelection);
     }

src/components/pages/production/project-flock/form/ProjectFlockKandangTable.tsx

@@ -38,10 +38,13 @@ const ProjectFlockKandangTable = ({
 
             const allSelected =
               selectableRows.every((row) => row.getIsSelected()) &&
-              selectableRows.length != 0 && formType != 'detail';
+              selectableRows.length != 0 &&
+              formType != 'detail';
 
             const someSelected =
-              selectableRows.some((row) => row.getIsSelected()) && !allSelected && formType != 'detail';
+              selectableRows.some((row) => row.getIsSelected()) &&
+              !allSelected &&
+              formType != 'detail';
 
             const toggleSelectableRows = () => {
               const shouldSelect = !allSelected;