seprator and ...

src/index.css

@@ -160,3 +160,14 @@ tbody tr {
 *::-webkit-scrollbar {
   display: none;
 }
+
+.ql-container {
+  min-height: 200px !important; /* حداقل ارتفاع برای نمایش کامل ادیتور */
+  max-height: 500px; /* حداکثر ارتفاع */
+  overflow-y: auto; /* فعال کردن اسکرول در صورت نیاز */
+}
+
+.ql-toolbar {
+  position: relative !important; /* حل مشکل نمایش نوار ابزار */
+  z-index: 10;
+}

src/pages/service/AddService.tsx

@@ -17,6 +17,7 @@ import { toast } from 'react-toastify';
 import { useNavigate } from 'react-router-dom';
 import { Pages } from '../../config/Pages';
 
+
 const AddService: FC = () => {
 
     const navigate = useNavigate()
@@ -232,6 +233,7 @@ const AddService: FC = () => {
                         <div className='mt-8'>
                             <div ref={editorRef} id='editor' style={{ minHeight: '120px' }}></div>
                         </div>
+
                     </div>
                 </div>
 

src/pages/service/Plans.tsx

@@ -8,6 +8,7 @@ import Td from '../../components/Td'
 import { PlanItemType } from './types/ServiceTypes'
 import ToggleStatusPlan from './components/ToggleStatusPlan'
 import EditPlan from './components/EditPlan'
+import { NumberFormat } from '../../config/func'
 
 const Plans: FC = () => {
 
@@ -46,7 +47,7 @@ const Plans: FC = () => {
                                             <tr key={item.id} className='tr'>
                                                 <Td text={item.name} />
                                                 <Td text={item.duration + ''} />
-                                                <Td text={item.price + ''} />
+                                                <Td text={NumberFormat(+item.price)} />
                                                 <Td text={''}>
                                                     <ToggleStatusPlan defaultActive={item.isActive} id={item.id} />
                                                 </Td>

src/pages/service/components/CreatePlan.tsx

@@ -115,6 +115,7 @@ const CreatePlan: FC = () => {
                                         className='bg-description bg-opacity-15 border-none'
                                         value={item.price}
                                         readOnly
+                                        seprator
                                     />
 
                                     <Trash
@@ -152,8 +153,9 @@ const CreatePlan: FC = () => {
                             className='bg-white bg-opacity-30'
                             name='price'
                             value={formik.values.price}
-                            onChange={formik.handleChange}
+                            onChange={(e) => formik.setFieldValue('price', e.target.value)}
                             error_text={formik.touched.price && formik.errors.price ? formik.errors.price : ''}
+                            seprator
                         />
 
                         <div onClick={() => formik.handleSubmit()} className='size-10 min-w-10 mt-7 rounded-xl border border-black flex justify-center items-center'>

src/pages/service/components/EditPlan.tsx

@@ -113,8 +113,9 @@ const EditPlan: FC<Props> = (props: Props) => {
                             className='bg-white bg-opacity-30'
                             name='price'
                             value={formik.values.price}
-                            onChange={formik.handleChange}
+                            onChange={(e) => formik.setFieldValue('price', e.target.value)}
                             error_text={formik.touched.price && formik.errors.price ? formik.errors.price : ''}
+                            seprator
                         />
                     </div>