feat(FE-177): refactor sales order management with new schema and API integration

src/app/marketing/sales-orders/detail/edit/page.tsx

@@ -12,8 +12,9 @@ const EditSalesOrder = () => {
 
   const soId = searchParams.get('salesOrderId');
 
-  const { data: marketing, isLoading: isLoading } = useSWR(soId, (id: number) =>
-    MarketingApi.getSingle(id)
+  const { data: marketing, isLoading: isLoading } = useSWR(
+    `get-so-${soId}`,
+    () => MarketingApi.getSingle(soId ? parseInt(soId) : 0)
   );
 
   if (!soId) {

src/app/marketing/sales-orders/detail/page.tsx

@@ -12,9 +12,11 @@ const DetailSalesOrder = () => {
 
   const soId = searchParams.get('salesOrderId');
 
-  const { data: marketing, isLoading: isLoading } = useSWR(soId, (id: number) =>
-    MarketingApi.getSingle(id)
-  );
+  const {
+    data: marketing,
+    isLoading: isLoading,
+    mutate: refreshMarketing,
+  } = useSWR(soId, (id: number) => MarketingApi.getSingle(id));
 
   if (!soId) {
     router.back();
@@ -35,7 +37,10 @@ const DetailSalesOrder = () => {
     <div className='w-full p-4'>
       {isLoading && <span className='loading loading-spinner loading-xl' />}
       {!isLoading && isResponseSuccess(marketing) && (
-        <SalesOrderDetail initialValues={marketing.data} />
+        <SalesOrderDetail
+          initialValues={marketing.data}
+          refresh={refreshMarketing}
+        />
       )}
     </div>
   );