update product

src/pages/product/Update.tsx

@@ -8,6 +8,7 @@ import Button from '@/components/Button'
 import CreateProductSidebar from './components/CreateProductSidebar'
 import BasicInfoSection from './components/BasicInfoSection'
 import type { CreateProductType } from './types/Types'
+import { useQueryClient } from '@tanstack/react-query'
 import { useUpdateProduct, useGetProductDetails, useGetCategories } from './hooks/useProductData'
 import { useMultipleUpload } from '../uploader/hooks/useUploaderData'
 import { Pages } from '@/config/Pages'
@@ -16,6 +17,7 @@ import { extractErrorMessage } from '@/config/func'
 
 const UpdateProduct: FC = () => {
   const { id } = useParams<{ id: string }>()
+  const queryClient = useQueryClient()
   const { data: productData, isLoading } = useGetProductDetails(id || '')
   const { data: categoriesData } = useGetCategories()
   const [isActive, setIsActive] = useState<boolean>(true)
@@ -82,6 +84,8 @@ const UpdateProduct: FC = () => {
 
         updateProduct({ id, params: productData }, {
           onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['product', id] })
+            queryClient.invalidateQueries({ queryKey: ['products'] })
             toast.success('کالا با موفقیت به‌روزرسانی شد')
             navigate(Pages.products.list)
           },
@@ -98,7 +102,7 @@ const UpdateProduct: FC = () => {
             submitProduct(imageUrls)
           },
           onError: (error: ErrorType) => {
-            toast.error(error?.response?.data?.error?.message[0] || 'خطا در آپلود تصاویر')
+            toast.error(extractErrorMessage(error, 'خطا در آپلود تصاویر'))
           }
         })
       } else {
@@ -109,13 +113,15 @@ const UpdateProduct: FC = () => {
 
   useEffect(() => {
     if (product) {
+      const variants = product.variants || []
+      const priceFromVariant = variants.length > 0 ? variants[0].price : product.price
       formik.setValues({
         categoryId: product.category?.id || '',
         title: product.title || '',
         attribute: product.attribute || '',
-        variants: product.variants || [],
+        variants,
         desc: product.desc || '',
-        price: product.price || 0,
+        price: priceFromVariant ?? product.price ?? 0,
         isActive: product.isActive || false,
         images: product.images || [],
         discount: product.discount || 0,
@@ -176,7 +182,10 @@ const UpdateProduct: FC = () => {
             <BasicInfoSection
               formik={formik}
               categories={categories}
-              initialHasVariants={(product?.variants?.length ?? 0) > 0}
+              initialHasVariants={
+              (product?.variants?.length ?? 0) > 1 ||
+              ((product?.variants?.length === 1) && (product.variants[0].value ?? '') !== '')
+            }
             />
           </div>
         </div>