Getting 'Product thumbnail image is required' alert when I try to update an existing product.

[vijeshkk]

Hi Julius,
First of all, thanks alot for this wonderful e-commerce app and making it available to community for free.. :-)

Now to the issue.

From admin view, when I try to edit a product and submit the changes, I always get this message 'Product thumbnail image is required.'

I can see the thumbnail is loaded in the edit view, but somehow submit doesnt work without reuploading the thumbnail using 'choose image' button.

This is not as we may not be having the thumbnail copy of the product image all the time.

[vijeshkk]

I think, product.imageUrl in src\views\admin\components\ProductForm.jsx should be product.image.

After changing onSubmitForm as below, it works fine for me.

  const onSubmitForm = (form) => {
    if (imageFile.image.file || product.imageUrl) {  // old
    if (imageFile.image.file || product.image) { // new
      onSubmit({
        ...form,
        quantity: 1,
        // due to firebase function billing policy, let's add lowercase version
        // of name here instead in firebase functions
        name_lower: form.name.toLowerCase(),
        dateAdded: new Date().getTime(),
        image: imageFile?.image?.file || product.imageUrl,  // old
        image: imageFile?.image?.file || product.image, // new
        imageCollection: imageFile.imageCollection
      });
    } else {
      // eslint-disable-next-line no-alert
      alert('Product thumbnail image is required.');
    }
  };