bug fix loading

src/pages/news/ui/StepTwo.tsx

@@ -16,7 +16,7 @@ import { Label } from "@/shared/ui/label";
 import { Textarea } from "@/shared/ui/textarea";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { ImagePlus, PlusCircle, Trash2 } from "lucide-react";
+import { ImagePlus, Loader2, PlusCircle, Trash2 } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { useFieldArray, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
@@ -134,7 +134,7 @@ const StepTwo = ({
     if (file) form.setValue(`sections.${index}.image`, file);
   };
 
-  const { mutate: added } = useMutation({
+  const { mutate: added, isPending } = useMutation({
     mutationFn: (body: FormData) => addNews(body),
     onSuccess: () => {
       queryClient.refetchQueries({ queryKey: ["all_news"] });
@@ -150,7 +150,7 @@ const StepTwo = ({
     },
   });
 
-  const { mutate: update } = useMutation({
+  const { mutate: update, isPending: updatePending } = useMutation({
     mutationFn: ({ body, id }: { id: number; body: FormData }) =>
       updateNews({ id, body }),
     onSuccess: () => {
@@ -404,7 +404,11 @@ const StepTwo = ({
             type="submit"
             className="mt-6 px-8 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 cursor-pointer"
           >
-            {t("Saqlash")}
+            {isPending || updatePending ? (
+              <Loader2 className="animate-spin" />
+            ) : (
+              t("Saqlash")
+            )}
           </Button>
         </div>
       </form>