fix loading

src/pages/food/Create.tsx

@@ -23,8 +23,8 @@ const CreateFood: FC = () => {
     const [isActive, setIsActive] = useState<boolean>(true)
     const [isSpecial, setIsSpecial] = useState<boolean>(false)
     const [imageFiles, setImageFiles] = useState<File[]>([])
-    const { mutate: createFood } = useCreateFood()
-    const { mutate: multipleUpload } = useMultipleUpload()
+    const { mutate: createFood, isPending } = useCreateFood()
+    const { mutate: multipleUpload, isPending: isUploading } = useMultipleUpload()
 
     const categories = data?.data?.map(category => ({
         label: category.title,
@@ -116,6 +116,7 @@ const CreateFood: FC = () => {
                     <Button
                         className='px-5'
                         onClick={() => formik.handleSubmit()}
+                        isLoading={isPending || isUploading}
                     >
                         <div className='flex gap-2 items-center'>
                             <TickCircle className='size-5' color='white' />