rtk_preview good

src/Components/EditableGood.js

@@ -40,7 +40,7 @@ export const AvatarGroupOriented = styled((props) => {
 }));
 
 const EditableGood = ({ good: goodExt, maxWidth = 'md', saveGood, uploadFile }) => {
-    let [good, setGood] = useState(goodExt);
+    let [good, setGood] = useState({ ...goodExt, images: goodExt.images });
     let [showPreview, setShowPreview] = useState(false);
     let [imagesContainer, setImagesContainer] = useState({ images: goodExt.images });
     const setGoodData = (data) => {
@@ -50,6 +50,8 @@ const EditableGood = ({ good: goodExt, maxWidth = 'md', saveGood, uploadFile })
     }
     const onChangeImages = images => {
         setImagesContainer({ images });
+        good.images = images;
+        setGood(good);
     }
     const preview = show => {
         let a = '';

src/Components/Good.js

@@ -122,12 +122,14 @@ const Good = ({ good, maxWidth = 'md', showAddToCard = true, actionAddGoodToCart
     )
 }
 
-const CGood = ({ maxWidth = 'md', showAddToCard = true, editable = true }) => {
+const CGood = ({ good, maxWidth = 'md', showAddToCard = true, editable = true }) => {
     const { _id } = useParams();
     const { isLoading, data } = useGetGoodByIdQuery(_id);
-    let good = isLoading ? { name: 'loading', goods: [] } : data?.GoodFindOne;
     const dispatch = useDispatch();
-    dispatch(actionSetCurrentGood(_id));
+    if (!good) {
+        good = isLoading ? { name: 'loading', goods: [] } : data?.GoodFindOne;
+        dispatch(actionSetCurrentGood(_id));
+    }
 
     return <Good good={good} maxWidth={maxWidth} showAddToCard={showAddToCard} editable={editable} actionAddGoodToCart={() => dispatch(actionAddGoodToCart(good))} />
 }