realbox edit components

src/routes/private/real-boxes-create/DashboardEditRealBox.tsx

@@ -1,12 +1,11 @@
 'use client';
 
 import Loader from '@/components/common/Loader';
-import { box_requests } from '@/data/box/box.requests';
 import useRequest from '@/hooks/useRequest';
-import DashboardCreateBoxPage from '@/routes/private/boxes-create/DashboardCreateBox';
 import { useParams } from 'next/navigation';
-import React from 'react';
+import React, { useEffect } from 'react';
 import DashboardCreateRealBoxPage from './DashboardCreateRealBox';
+import { real_box_requests } from '@/data/real-box/real-box.requests';
 
 type Props = {};
 
@@ -16,70 +15,39 @@ const DashboardEditRealBoxPage = (props: Props) => {
 
     const getOneBox = useRequest(
         () => {
-            return box_requests.find({ packetId: box_id });
+            return real_box_requests.find({ boxId: box_id });
         },
         {
             selectData(data) {
-                const boxData = data.data.data;
+                const boxData = data.data; // ⬅️ Faqat data.data, data.data.data emas
+                if (!boxData) return null;
+                console.log(boxData.data, 'boxdata');
 
                 return {
-                    id: +box_id,
-                    box_name: boxData.packet.name,
-                    net_weight: +boxData.packet.brutto,
-                    box_weight: +boxData.packet.boxWeight,
-                    box_type: boxData.packet.boxType,
-                    box_size: boxData.packet.volume,
-                    passportName: boxData.packet.passportName,
-                    status: boxData.packet.status,
-                    packetId: box_id,
-
-                    partyId: +boxData.packet.partyId,
-                    partyName: boxData.packet.partyName,
-
-                    // client_id: boxData.client?.passportId,
-                    passportId: boxData.client?.passportId,
-                    client_id: boxData.packet?.cargoId,
-                    clientId: boxData.client?.passportId,
-                    clientName: boxData.client?.passportName,
-
-                    products_list: [
-                        ...boxData.items.map(item => {
-                            let name = item.name;
-                            let nameRu = item.nameRu;
-
-                            // try {
-                            //     name = item.name.split(' / ')[0];
-                            //     nameRu = item.name.split(' / ')[1];
-                            // } catch (error) {
-                            //     console.error('prepare edit values error', error);
-                            // }
-
-                            return {
-                                id: item.id,
-                                price: item.price,
-
-                                cargoId: item.cargoId,
-                                trekId: item.trekId,
-                                name: name,
-                                nameRu: nameRu,
-                                amount: +item.amount,
-                                weight: +item.weight,
-                            };
-                        }),
-                    ],
+                    id: box_id,
+                    boxId: box_id!,
+                    partyId: boxData.data.party.id, // ⬅️ To‘g‘ri yo‘l
+                    partyName: boxData.data.party.name!,
+                    paketIds: boxData.data.packets!
                 };
             },
         }
     );
 
 
+    useEffect(() => {
+        getOneBox.refetch()
+    }, [box_id])
+
+    console.log(getOneBox);
+
     if (getOneBox.loading || !getOneBox.data) {
         return <Loader p={8} size={96} />;
     }
 
     return (
         <>
-            <DashboardCreateRealBoxPage />
+            <DashboardCreateRealBoxPage initialValues={getOneBox.data as any} />
         </>
     );
 };