handle prop change

packages/app/src/components/CoverEditor/index.jsx

@@ -28,11 +28,19 @@ const CoverEditor = (props) => {
 		setInit(false)
 	}, [])
 
-    return <div className="cover-editor">
+	// Handle when value prop change
+	React.useEffect(() => {
+		if (!value) {
+			setUrl(defaultUrl)
+		} else {
+			setUrl(value)
+		}
+	}, [value])
+
+	return (
+		<div className="cover-editor">
 			<div className="cover-editor-preview">
-            <Image
-                src={url}
-            />
+				<Image src={url} />
 			</div>
 
 			<div className="cover-editor-actions">
@@ -51,11 +59,10 @@ const CoverEditor = (props) => {
 					Reset
 				</antd.Button>
 
-            {
-                props.extraActions
-            }
+				{props.extraActions}
 			</div>
 		</div>
+	)
 }
 
 export default CoverEditor