Merge branch 'fix/adjustment-recording-form' into 'development'

[FIX/FE] Adjustment Zero Restriction on Jumlah Pakai (>0. value) and Add Refetch (Invalidate) at Recording Detail Page

See merge request mbugroup/lti-web-client!372

.gitignore

@@ -45,3 +45,6 @@ next-env.d.ts
 
 # claude
 .claude
+
+# rtk
+rtk.exe

src/app/production/recording/detail/edit/page.tsx

@@ -11,10 +11,13 @@ const RecordingEdit = () => {
   const searchParams = useSearchParams();
 
   const recordingId = searchParams.get('recordingId');
+  const recordingDetailKey = recordingId
+    ? ['recording-detail', recordingId]
+    : null;
 
   const { data: recording, isLoading: isLoadingRecording } = useSWR(
-    recordingId,
+    recordingDetailKey,
-    (id: string) => RecordingApi.getSingle(parseInt(id))
+    ([, id]: [string, string]) => RecordingApi.getSingle(parseInt(id))
   );
 
   if (!recordingId) {

src/app/production/recording/detail/page.tsx

@@ -11,10 +11,13 @@ const RecordingDetail = () => {
   const searchParams = useSearchParams();
 
   const recordingId = searchParams.get('recordingId');
+  const recordingDetailKey = recordingId
+    ? ['recording-detail', recordingId]
+    : null;
 
   const { data: recording, isLoading: isLoadingRecording } = useSWR(
-    recordingId,
+    recordingDetailKey,
-    (id: string) => RecordingApi.getSingle(parseInt(id))
+    ([, id]: [string, string]) => RecordingApi.getSingle(parseInt(id))
   );
 
   if (!recordingId) {

src/components/pages/production/recording/form/RecordingForm.schema.ts

@@ -71,7 +71,7 @@ const StockObjectSchema: Yup.ObjectSchema<StockSchema> = Yup.object({
     .typeError('Produk harus berupa angka!'),
   qty: Yup.number()
     .required('Jumlah penggunaan wajib diisi!')
-    .min(1, 'Jumlah penggunaan tidak boleh 0!')
+    .moreThan(0, 'Jumlah penggunaan harus lebih dari 0!')
     .typeError('Jumlah penggunaan harus berupa angka!'),
 });
 

src/components/pages/production/recording/form/RecordingForm.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 
 import { useFormik } from 'formik';
-import useSWR from 'swr';
+import useSWR, { useSWRConfig } from 'swr';
 
 import { Icon } from '@iconify/react';
 import Button from '@/components/Button';
@@ -183,6 +183,7 @@ const productionStandardColumns: ColumnDef<StandardDetails>[] = [
 const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
   // ===== HOOKS & ROUTER =====
   const router = useRouter();
+  const { mutate } = useSWRConfig();
 
   // ===== STATE MANAGEMENT =====
   const [selectedRecordDate, setSelectedRecordDate] = useState<string>(
@@ -319,11 +320,12 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
         setRecordingFormErrorMessage(res.message);
         return;
       }
+      await mutate(['recording-detail', recordingId.toString()]);
       toast.success(res?.message as string);
       router.refresh();
       router.push('/production/recording');
     },
-    [router]
+    [mutate, router]
   );
 
   const deleteRecordingClickHandler = useCallback(() => {