lib/material/vendor-material/simple-vendor-materials-wrapper.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

"use client";

import * as React from "react";
import { useState, useCallback } from "react";
import { SimpleVendorMaterials } from "./simple-vendor-materials";
import { VendorPossibleMaterial, getAllConfirmedMaterials, getAllVendorInputMaterials } from "../vendor-possible-material-service";

interface SimpleVendorMaterialsWrapperProps {
  vendorId: number;
  initialConfirmedMaterials: VendorPossibleMaterial[];
  initialVendorInputMaterials: VendorPossibleMaterial[];
}

export function SimpleVendorMaterialsWrapper({
  vendorId,
  initialConfirmedMaterials,
  initialVendorInputMaterials,
}: SimpleVendorMaterialsWrapperProps) {
  const [confirmedMaterials, setConfirmedMaterials] = useState(initialConfirmedMaterials);
  const [vendorInputMaterials, setVendorInputMaterials] = useState(initialVendorInputMaterials);
  const [isRefreshing, setIsRefreshing] = useState(false);

  const handleDataRefresh = useCallback(async () => {
    setIsRefreshing(true);
    try {
      const [newConfirmedMaterials, newVendorInputMaterials] = await Promise.all([
        getAllConfirmedMaterials(vendorId),
        getAllVendorInputMaterials(vendorId)
      ]);
      
      setConfirmedMaterials(newConfirmedMaterials);
      setVendorInputMaterials(newVendorInputMaterials);
    } catch (error) {
      console.error("데이터 새로고침 실패:", error);
    } finally {
      setIsRefreshing(false);
    }
  }, [vendorId]);

  return (
    <SimpleVendorMaterials
      vendorId={vendorId}
      confirmedMaterials={confirmedMaterials}
      vendorInputMaterials={vendorInputMaterials}
      onDataRefresh={handleDataRefresh}
    />
  );
}