fix warnings from components

src/pages/discounts/CreateDiscount.tsx

@@ -5,9 +5,8 @@ import Button from '../../components/Button'
 import SwitchComponent from '../../components/Switch'
 import { TickCircle, TickSquare, Refresh } from 'iconsax-react'
 import DatePickerComponent from '../../components/DatePicker'
-import ImageUploader from './components/ImageUploader'
 import RadioGroup from '../../components/RadioGroup'
-const CreateTicket: FC = () => {
+const CreateDiscount: FC = () => {
     const { t } = useTranslation('global')
     return (
         <div className='mt-4'>
@@ -42,21 +41,18 @@ const CreateTicket: FC = () => {
                                         value: 'year'
                                     }
                                 ]}
-                                onChange={''}
+                                onChange={() => ''}
                                 selected={''}
                             />
                         </div>
                     </div>
-
-
                     <div className='mt-6 rowTwoInput'>
                         <Input
                             label={t('discount.title')}
                             placeholder={t('discount.enter_discount_description')}
                         />
-
-                        <div className='w-full mt-7 flex items-center'>
-                            <button className='text-xs border h-full w-[142px] border-black rounded-xl flex justify-center items-center gap-2'>
+                        <div className='w-full sm:mt-7 flex flex-col xl:flex-row items-center'>
+                            <button className='text-xs border h-[39px] xl:h-full w-full xl:w-[142px] border-black rounded-xl flex justify-center items-center gap-2'>
                                 <Refresh
                                     size={18} color='black'
                                 />
@@ -65,18 +61,9 @@ const CreateTicket: FC = () => {
                                 </p>
                             </button>
                         </div>
-
                     </div>
-
-
-
-
-
                     <div className='mt-6 rowTwoInput'>
-
-
                         <div className='w-full'>
-
                             {t('discount.price')}
                             <div className='rowTwoInput mt-2'>
                                 <RadioGroup
@@ -90,30 +77,16 @@ const CreateTicket: FC = () => {
                                             value: 'year'
                                         }
                                     ]}
-                                    onChange={''}
+                                    onChange={() => ''}
                                     selected={''}
                                 />
                             </div>
-
                         </div>
-
                         <Input
                             label={t('discount.price_or_percent')}
                             placeholder={t('discount.enter_price_or_percent')}
                         />
-
-
                     </div>
-
-
-
-
-
-
-
-
-
-
                     <div className='mt-6 rowTwoInput'>
                         <DatePickerComponent
                             label={t('discount.startDate')}
@@ -146,14 +119,10 @@ const CreateTicket: FC = () => {
                     </div>
                     <p className='mt-6 text-sm'>{t('discount.availabe_service')}</p>
                     <div className='p-2 border border-[##D0D0D0] rounded-lg mt-2'>
-
                         <Input
                             variant='search'
                             placeholder={t('header.search')}
                         />
-
-
-
                         <div className='flex items-start gap-2 py-2'>
                             <div>
                                 <TickSquare size={20} color='black' variant='Bold' />
@@ -179,12 +148,9 @@ const CreateTicket: FC = () => {
                             </div>
                         </div>
                     </div>
-
                 </div>
             </div>
-
         </div>
     )
 }
-
-export default CreateTicket
+export default CreateDiscount

src/pages/discounts/DiscountsList.tsx

@@ -7,7 +7,7 @@ import { Link } from 'react-router-dom'
 import { Pages } from '../../config/Pages'
 import SwitchComponent from '../../components/Switch'
 import Input from '../../components/Input'
-const TicketList: FC = () => {
+const DiscountList: FC = () => {
     const { t } = useTranslation('global')
     return (
         <div className='mt-4 min-h-[500px]'>
@@ -113,4 +113,4 @@ const TicketList: FC = () => {
     )
 }
 
-export default TicketList
+export default DiscountList