remove quantities from product

src/pages/product/Create.tsx

@@ -1,6 +1,5 @@
 import Button from '@/components/Button'
 import Input from '@/components/Input';
-import { clx } from '@/helpers/utils';
 import { useFormik } from 'formik';
 import { AddSquare } from 'iconsax-react'
 import { useState, type FC } from 'react'
@@ -45,7 +44,6 @@ const CreateProduct: FC = () => {
             isActive: true,
             linkUrl: '',
             order: 1,
-            quantities: [],
             title: ''
         },
         validationSchema: Yup.object({
@@ -70,17 +68,6 @@ const CreateProduct: FC = () => {
         }
     })
 
-    const handleQuantities = (value: number) => {
-        const array = [...formik.values.quantities]
-        const index: number = array.findIndex(o => o === value)
-        if (index > -1) {
-            array.splice(index, 1)
-        } else {
-            array.push(value)
-        }
-        formik.setFieldValue('quantities', array)
-    }
-
     return (
         <div className='mt-5'>
             <div className='flex justify-between items-center'>
@@ -135,26 +122,6 @@ const CreateProduct: FC = () => {
                             {...formik.getFieldProps('desc')}
                         />
                     </div>
-
-                    <div className='mt-6'>
-                        <div>بسته تعداد</div>
-                        <div className='mt-2.5 flex gap-4'>
-                            {
-                                [100, 150, 200, 250, 300, 350, 500, 1000].map((item) => {
-                                    return (
-                                        <div key={item} className={clx(
-                                            'h-8 w-[72px] cursor-pointer text-sm rounded-lg border border-[#C3C7DD] flex items-center justify-center',
-                                            formik.values.quantities.includes(item) && 'border-primary'
-                                        )}
-                                            onClick={() => handleQuantities(item)}
-                                        >
-                                            {item}
-                                        </div>
-                                    )
-                                })
-                            }
-                        </div>
-                    </div>
                 </div>
 
                 <div className='bg-white p-6 mt-8 rounded-3xl w-[250px]'>

src/pages/product/Update.tsx

@@ -1,6 +1,5 @@
 import Button from '@/components/Button'
 import Input from '@/components/Input';
-import { clx } from '@/helpers/utils';
 import { useFormik } from 'formik';
 import { AddSquare } from 'iconsax-react'
 import { useEffect, useState, type FC } from 'react'
@@ -48,7 +47,6 @@ const UpdateProduct: FC = () => {
             isActive: true,
             linkUrl: '',
             order: 1,
-            quantities: [],
             title: ''
         },
         validationSchema: Yup.object({
@@ -73,17 +71,6 @@ const UpdateProduct: FC = () => {
         }
     })
 
-    const handleQuantities = (value: number) => {
-        const array = [...formik.values.quantities]
-        const index: number = array.findIndex(o => o === value)
-        if (index > -1) {
-            array.splice(index, 1)
-        } else {
-            array.push(value)
-        }
-        formik.setFieldValue('quantities', array)
-    }
-
     useEffect(() => {
 
         if (product) {
@@ -94,7 +81,6 @@ const UpdateProduct: FC = () => {
                 isActive: product?.data?.isActive,
                 linkUrl: product?.data?.linkUrl,
                 order: product?.data?.order,
-                quantities: product?.data?.quantities,
                 categoryId: product?.data?.category?.id
             })
         }
@@ -157,26 +143,6 @@ const UpdateProduct: FC = () => {
                             {...formik.getFieldProps('desc')}
                         />
                     </div>
-
-                    <div className='mt-6'>
-                        <div>بسته تعداد</div>
-                        <div className='mt-2.5 flex gap-4'>
-                            {
-                                [100, 150, 200, 250, 300, 350, 500, 1000].map((item) => {
-                                    return (
-                                        <div key={item} className={clx(
-                                            'h-8 w-[72px] cursor-pointer text-sm rounded-lg border border-[#C3C7DD] flex items-center justify-center',
-                                            formik.values.quantities.includes(item) && 'border-primary'
-                                        )}
-                                            onClick={() => handleQuantities(item)}
-                                        >
-                                            {item}
-                                        </div>
-                                    )
-                                })
-                            }
-                        </div>
-                    </div>
                 </div>
 
                 <div className='bg-white p-6 mt-8 rounded-3xl w-[250px]'>

src/pages/product/types/Types.ts

@@ -31,7 +31,6 @@ export type CreateProductType = {
     title: string,
     desc: string,
     linkUrl: string,
-    quantities: number[],
     isActive: boolean,
     images: string[],
     order: number
@@ -46,7 +45,6 @@ export type ProductType = {
     isActive: boolean,
     linkUrl: string,
     order: number,
-    quantities: number[],
     title: string
 }