invoice bg cover service

src/pages/slider/List.tsx

@@ -2,7 +2,7 @@ import { FC } from 'react'
 import { Link } from 'react-router-dom'
 import { Pages } from '../../config/Pages'
 import Button from '../../components/Button'
-import { Add, Edit, Trash } from 'iconsax-react'
+import { Add, Edit } from 'iconsax-react'
 import { useTranslation } from 'react-i18next'
 import Td from '../../components/Td'
 import { useDeleteSlider, useGetSliders } from './hooks/useSliderData'
@@ -10,6 +10,7 @@ import { SliderItemType } from './types/SliderTypes'
 import PageLoading from '../../components/PageLoading'
 import { toast } from 'react-toastify'
 import { ErrorType } from '../../helpers/types'
+import TrashWithConfrim from '../../components/TrashWithConfrim'
 const SliderList: FC = () => {
 
     const { t } = useTranslation('global')
@@ -85,10 +86,9 @@ const SliderList: FC = () => {
                                                         color='#888'
                                                     />
                                                 </Link>
-                                                <Trash
-                                                    onClick={() => handleDelete(item.id)}
-                                                    className='size-5'
-                                                    color='#888'
+                                                <TrashWithConfrim
+                                                    onDelete={() => handleDelete(item.id)}
+                                                    isLoading={deleteSlider.isPending}
                                                 />
                                             </div>
                                         </Td>