invoice bg cover service

src/pages/service/UpdateService.tsx

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

src/pages/service/components/UpdateServiceSidebar.tsx

@@ -94,6 +94,8 @@ const UpdateServiceSidebar: FC<Props> = (props: Props) => {
                         isMultiple
                         preview={data?.data?.danakService?.images?.map((image: { imageUrl: string }) => image.imageUrl) || []}
                         onChangePreview={(images: string[]) => formik.setFieldValue('images', images)}
+                        getCover={(url: string) => formik.setFieldValue('coverUrl', url)}
+                        coverUrl={formik.values.coverUrl}
                     />
                 </div>
             </div>

src/pages/service/types/ServiceTypes.ts

@@ -43,6 +43,7 @@ export type CreateServiceType = {
   icon?: string;
   images?: string[];
   createDate: string;
+  coverUrl?: string;
 };
 
 export type ServiceItemType = {