page title

src/langs/fa.json

@@ -210,7 +210,8 @@
     "add_plan": "افزودن پلن",
     "active_plan": "پلن فعال",
     "slider": "نمایش در اسلایدر",
-    "slug": "اسلاگ"
+    "slug": "اسلاگ",
+    "page_title": "عنوان صفحه"
   },
   "plan": {
     "plans_list": "لیست پلن های ",

src/pages/service/AddService.tsx

@@ -66,7 +66,8 @@ const AddService: FC = () => {
             softwareLanguage: '',
             userCount: 0,
             createDate: '',
-            slug: ''
+            slug: '',
+            pageTitle: ''
         },
         validationSchema: Yup.object({
             name: Yup.string().required(t('errors.required')),
@@ -79,6 +80,7 @@ const AddService: FC = () => {
             metaDescription: Yup.string().required(t('errors.required')),
             link: Yup.string().required(t('errors.required')),
             slug: Yup.string().required(t('errors.required')),
+            pageTitle: Yup.string().required(t('errors.required')),
         }),
         onSubmit: async (values) => {
             if (iconFile && imagesFile) {

src/pages/service/UpdateService.tsx

@@ -70,7 +70,8 @@ const UpdateService: FC = () => {
             userCount: 0,
             createDate: '',
             coverUrl: '',
-            slug: ''
+            slug: '',
+            pageTitle: ''
         },
         validationSchema: Yup.object({
             name: Yup.string().required(t('errors.required')),
@@ -83,6 +84,7 @@ const UpdateService: FC = () => {
             metaDescription: Yup.string().required(t('errors.required')),
             link: Yup.string().required(t('errors.required')),
             slug: Yup.string().required(t('errors.required')),
+            pageTitle: Yup.string().required(t('errors.required')),
         }),
         onSubmit: async (values) => {
 
@@ -107,8 +109,6 @@ const UpdateService: FC = () => {
                 })
                 await multiUpload.mutateAsync(images, {
                     onSuccess: async (data) => {
-                        console.log('values.images', values.images);
-
                         values.images = [...(values.images || []), ...data.data.map((item: { url: string }) => item?.url)]
                     },
                     onError: (error: ErrorType) => {
@@ -155,7 +155,8 @@ const UpdateService: FC = () => {
                 userCount: data?.userCount || 0,
                 createDate: moment(data?.createDate).format('YYYY-MM-DD'),
                 coverUrl: data?.coverUrl,
-                slug: data?.slug
+                slug: data?.slug,
+                pageTitle: data?.pageTitle
             });
             const editorElement = editorRef.current?.querySelector('.ql-editor');
             if (editorElement) {

src/pages/service/components/AddServiceSidebar.tsx

@@ -43,6 +43,14 @@ const AddServiceSidebar: FC<Props> = (props: Props) => {
                 <div>{t('service.special_danak')}</div>
             </div>
 
+            <div className='mt-8'>
+                <Input
+                    label={t('service.page_title')}
+                    {...formik.getFieldProps('pageTitle')}
+                    error_text={formik.touched.pageTitle && formik.errors.pageTitle ? formik.errors.pageTitle : ''}
+                />
+            </div>
+
             <div className='mt-8'>
                 <Input
                     label={t('service.service_link')}

src/pages/service/components/UpdateServiceSidebar.tsx

@@ -46,6 +46,14 @@ const UpdateServiceSidebar: FC<Props> = (props: Props) => {
                 <div>{t('service.special_danak')}</div>
             </div>
 
+            <div className='mt-8'>
+                <Input
+                    label={t('service.page_title')}
+                    {...formik.getFieldProps('pageTitle')}
+                    error_text={formik.touched.pageTitle && formik.errors.pageTitle ? formik.errors.pageTitle : ''}
+                />
+            </div>
+
             <div className='mt-8'>
                 <Input
                     label={t('service.service_link')}

src/pages/service/types/ServiceTypes.ts

@@ -45,6 +45,7 @@ export type CreateServiceType = {
   createDate: string;
   coverUrl?: string;
   slug: string;
+  pageTitle: string;
 };
 
 export type ServiceItemType = {