From e601a2cc5af304c1ba445839546fb355836bfc5d Mon Sep 17 00:00:00 2001
From: hossein taromi <hosseintaromii@gmail.com>
Date: Mon, 11 Aug 2025 13:37:59 +0330
Subject: [PATCH] feat(product-options): add image preview and delete
 functionality in ProductOptionFormPage

---
 .../ProductOptionFormPage.tsx                 | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/pages/product-options/product-option-form/ProductOptionFormPage.tsx b/src/pages/product-options/product-option-form/ProductOptionFormPage.tsx
index ba5d45e..b9d6f57 100644
--- a/src/pages/product-options/product-option-form/ProductOptionFormPage.tsx
+++ b/src/pages/product-options/product-option-form/ProductOptionFormPage.tsx
@@ -247,6 +247,25 @@ const ProductOptionFormPage = () => {
                                     onUploadStart={() => setIsUploading(true)}
                                     onUploadComplete={() => setIsUploading(false)}
                                 />
+                                {watch('maintenance.image') && (
+                                    <div className="mt-3 flex items-center gap-3">
+                                        <img
+                                            src={watch('maintenance.image') as string}
+                                            alt="preview"
+                                            className="w-32 h-20 object-cover rounded border cursor-zoom-in"
+                                        />
+                                        <Button
+                                            type="button"
+                                            variant="secondary"
+                                            onClick={() => {
+                                                setUploadedImage(null);
+                                                setValue('maintenance.image', '', { shouldDirty: true, shouldValidate: true });
+                                            }}
+                                        >
+                                            حذف تصویر فعلی
+                                        </Button>
+                                    </div>
+                                )}
                             </div>
                         </div>
                     </div>