From c09fa4ca847eb918e41b624e65956a58b455fd18 Mon Sep 17 00:00:00 2001
From: jinlee0 <wls4370@gmail.com>
Date: Sat, 2 Dec 2023 11:36:35 +0900
Subject: [PATCH] =?UTF-8?q?fix:=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=97=90?=
 =?UTF-8?q?=EB=94=94=ED=84=B0=20=EC=A0=80=EC=9E=A5=20=EC=95=88=20=EB=90=A8?=
 =?UTF-8?q?=20+=20=EB=B0=B0=EA=B2=BD=20transparent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/order/editor/Preview.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/component/order/editor/Preview.js b/src/component/order/editor/Preview.js
index ce5a6a9..77ad459 100644
--- a/src/component/order/editor/Preview.js
+++ b/src/component/order/editor/Preview.js
@@ -61,8 +61,8 @@ const Preview = ({ isOpen, setIsOpen }) => {
     setLoading(false);
   }, [editor, selectedEffect]);
 
-  const makePreview = async () => {
-    if (!editor) return;
+  const makePreview = React.useCallback(async () => {
+    if (!editor || !selectedEffect) return;
     // set frame background by options
 
     selectedEffect.name.includes('실버')
@@ -80,7 +80,7 @@ const Preview = ({ isOpen, setIsOpen }) => {
 
     setState({ image });
     setLoading(false);
-  };
+  }, [editor, selectedEffect]);
 
   React.useEffect(() => {
     makePreview();
@@ -90,6 +90,7 @@ const Preview = ({ isOpen, setIsOpen }) => {
   const handleSave = React.useCallback(async () => {
     await rollbackPreview();
 
+    editor.frame.setBackgroundColor('transparent');
     const template = editor.scene.exportToJSON();
     const image = await editor.renderer.render(template);
 
@@ -100,7 +101,7 @@ const Preview = ({ isOpen, setIsOpen }) => {
     a.remove();
     setIsOpen(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
+  }, [editor, selectedEffect]);
 
   const handleChangeRadio = async (e) => {
     const currentTargetValue = e.currentTarget.value;