button and single learning

src/pages/criticisms/Add.tsx

@@ -4,7 +4,7 @@ import Input from '../../components/Input'
 import Textarea from '../../components/Textarea'
 import UploadBox from '../../components/UploadBox'
 import Button from '../../components/Button'
-import { TickSquare } from 'iconsax-react'
+import { TickCircle, TickSquare } from 'iconsax-react'
 import { useMultiUpload } from '../ticket/hooks/useTicketData'
 import { useFormik } from 'formik'
 import { CreateCriticismsTypes } from './types/CriticismsTypes'
@@ -109,11 +109,17 @@ const AddCriticisms: FC = () => {
 
                     <div className='mt-20 flex justify-end'>
                         <Button
-                            label={t('ticket.send')}
-                            className='max-w-[100px]'
+                            className='xl:max-w-[100px]'
                             onClick={() => formik.handleSubmit()}
                             isLoading={createCriticisms.isPending || multiUpload.isPending}
-                        />
+                        >
+                            <div className='flex gap-2 items-center'>
+                                <TickCircle size={20} color='white' />
+                                <div>
+                                    {t('ticket.send')}
+                                </div>
+                            </div>
+                        </Button>
                     </div>
                 </div>