fix(produser): changes to get correct response from errors

frontend/src/components/admin/prodUser/ProdUserCard.tsx

@@ -16,7 +16,7 @@ import { useSessionStore } from "@/lib/store/sessionStore";
 import { getProdPerms } from "@/utils/querys/prodUser/getProdPerms";
 
 import { useForm } from "@tanstack/react-form";
-
+import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 import { toast } from "sonner";
@@ -24,6 +24,7 @@ import { toast } from "sonner";
 export default function ProdUserCard() {
     const { token } = useSessionStore();
     const { data, isError, isLoading } = useQuery(getProdPerms(token ?? ""));
+    const [creating, setCreating] = useState(false);
 
     const form = useForm({
         defaultValues: {
@@ -34,7 +35,8 @@ export default function ProdUserCard() {
         },
 
         onSubmit: async ({ value }) => {
-            console.log(value);
+            setCreating(true);
+            //console.log(value);
 
             if (value.role === "") {
                 toast.error(
@@ -50,15 +52,22 @@ export default function ProdUserCard() {
                 //console.log(res.data);
 
                 if (!res.data.success) {
-                    toast.error(res.data.data?.errors[0].message);
+                    const errMSG: string = res.data.data.errors
+                        ? res.data.data?.errors[0].message
+                        : res.data.data;
+
+                    toast.error(`${errMSG}`);
+                    setCreating(false);
                 }
 
                 if (res.data.success) {
                     toast.success(res.data.message);
                     form.reset();
+                    setCreating(false);
                 }
             } catch (error) {
                 console.log(error);
+                setCreating(false);
             }
         },
     });
@@ -205,7 +214,9 @@ export default function ProdUserCard() {
                         }}
                     />
                     <div className="flex justify-end mr-3">
-                        <Button onClick={form.handleSubmit}>Submit</Button>
+                        <Button onClick={form.handleSubmit} disabled={creating}>
+                            Submit
+                        </Button>
                     </div>
                 </form>
             </LstCard>