diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx index a5711c7..05c928a 100644 --- a/src/components/Home/Home.tsx +++ b/src/components/Home/Home.tsx @@ -17,7 +17,7 @@ export interface ScanResult { const Home = () => { const { send } = useAppBridge(); - const { setScanData } = useScanDataStore(); + const { scanData, setScanData } = useScanDataStore(); const { navigateToReceiptEdit } = useRoute(); @@ -27,13 +27,13 @@ const Home = () => { try { const data: ScanResult[] = JSON.parse(jsonData); setScanData(data); - navigateToReceiptEdit(); + // navigateToReceiptEdit(); } catch (error) { console.error("Error parsing scan result JSON:", error); } }, }; - }, []); + }, [setScanData, navigateToReceiptEdit]); return (
@@ -42,6 +42,21 @@ const Home = () => { {`영수증으로\nAI 음식 리뷰 남겨요`} + {scanData.length > 0 && + scanData.map((data) => ( + <> + {Object.keys(data).map((key) => ( +
+ + {key} + + + {data[key]} + +
+ ))} + + ))} 손쉬운 음식 리뷰 작성
diff --git a/src/components/ReceiptEdit/ReceiptEdit.tsx b/src/components/ReceiptEdit/ReceiptEdit.tsx index cdef199..10bb2dc 100644 --- a/src/components/ReceiptEdit/ReceiptEdit.tsx +++ b/src/components/ReceiptEdit/ReceiptEdit.tsx @@ -20,6 +20,8 @@ const ReceiptEdit = () => { const [formData, setFormData] = useState<{ [key: string]: string }[]>([]); const [focusState, setFocusState] = useState<{ [key: string]: boolean }>({}); + console.log(formData); + useEffect(() => { if (Array.isArray(scanData) && scanData.length > 0) { setFormData(scanData);