slug

src/pages/service/AddService.tsx

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

src/pages/service/List.tsx

@@ -105,6 +105,7 @@ const ListService: FC = () => {
                                 <tr>
                                     <Td text='' />
                                     <Td text={t('service.title')} />
+                                    <Td text={t('service.slug')} />
                                     <Td text={t('service.company_developed')} />
                                     <Td text={t('service.category')} />
                                     <Td text={t('service.publish_date')} />
@@ -126,6 +127,7 @@ const ListService: FC = () => {
                                                     </div>
                                                 </Td>
                                                 <Td text={item.name} />
+                                                <Td text={item.slug} />
                                                 <Td text={item.author} />
                                                 <Td text={item.category?.title} />
                                                 <Td text={moment(item.createDate, 'jYYYY-jMM-jDD').format('jYYYY-jMM-jDD')} />

src/pages/service/UpdateService.tsx

@@ -69,7 +69,8 @@ const UpdateService: FC = () => {
             softwareLanguage: '',
             userCount: 0,
             createDate: '',
-            coverUrl: ''
+            coverUrl: '',
+            slug: ''
         },
         validationSchema: Yup.object({
             name: Yup.string().required(t('errors.required')),
@@ -81,6 +82,7 @@ const UpdateService: FC = () => {
             serviceLanguage: Yup.string().required(t('errors.required')),
             metaDescription: Yup.string().required(t('errors.required')),
             link: Yup.string().required(t('errors.required')),
+            slug: Yup.string().required(t('errors.required')),
         }),
         onSubmit: async (values) => {
 
@@ -152,7 +154,8 @@ const UpdateService: FC = () => {
                 softwareLanguage: data?.softwareLanguage,
                 userCount: data?.userCount || 0,
                 createDate: moment(data?.createDate).format('YYYY-MM-DD'),
-                coverUrl: data?.coverUrl
+                coverUrl: data?.coverUrl,
+                slug: data?.slug
             });
             const editorElement = editorRef.current?.querySelector('.ql-editor');
             if (editorElement) {

src/pages/service/components/AddServiceSidebar.tsx

@@ -51,6 +51,14 @@ const AddServiceSidebar: FC<Props> = (props: Props) => {
                 />
             </div>
 
+            <div className='mt-8'>
+                <Input
+                    label={t('service.slug')}
+                    {...formik.getFieldProps('slug')}
+                    error_text={formik.touched.slug && formik.errors.slug ? formik.errors.slug : ''}
+                />
+            </div>
+
             <div className='mt-8'>
                 <div>{t('service.category')}</div>
                 <div className='mt-2 border border-border rounded-xl p-4'>

src/pages/service/components/UpdateServiceSidebar.tsx

@@ -54,6 +54,14 @@ const UpdateServiceSidebar: FC<Props> = (props: Props) => {
                 />
             </div>
 
+            <div className='mt-8'>
+                <Input
+                    label={t('service.slug')}
+                    {...formik.getFieldProps('slug')}
+                    error_text={formik.touched.slug && formik.errors.slug ? formik.errors.slug : ''}
+                />
+            </div>
+
             <div className='mt-8'>
                 <div>{t('service.category')}</div>
                 <div className='mt-2 border border-border rounded-xl p-4'>

src/pages/service/types/ServiceTypes.ts

@@ -44,6 +44,7 @@ export type CreateServiceType = {
   images?: string[];
   createDate: string;
   coverUrl?: string;
+  slug: string;
 };
 
 export type ServiceItemType = {
@@ -56,6 +57,7 @@ export type ServiceItemType = {
   icon: string;
   subscriptionCount: number;
   showInSlider: boolean;
+  slug: string;
 };
 
 export type CreateItemPlanType = {