add categoty api done

src/components/dashbords/admin/AddCategory.js

@@ -7,22 +7,39 @@ import { AddCategoryApi } from '../../../store/admin/AdminSlice';
 
 function AddCategory() {
   const dispatch = useDispatch()
-  const [Input,setInput] =useState()
+  const [inputValue, setInputValue] = useState("");
+const [imageFile, setImageFile] = useState(null);
 
-  console.log("add cstegory state=====",Input);
 
 
   const categoryHandle= (e) =>{
     e.preventDefault()
-    dispatch(AddCategoryApi(Input))
+    const data = {
+      inputValue,
+      imageFile,
+    };
+    dispatch(AddCategoryApi(data))
   }
-  const handle =(e)=>{
-    setInput({
-      ...Input,
-      [e.target.name] : e.target.value
-  });
 
-  }
+  const handleInputChange = (e) => {
+    setInputValue(
+
+    e.target.value);
+  };
+
+  const handleImageChange = (e) => {
+    setImageFile(
+
+        e.target.files[0]);
+  };
+
+  // const handle =(e)=>{
+  //   setInput({
+  //     ...Input,
+  //     [e.target.name] : e.target.value
+  // });
+
+  // }
 
 
 
@@ -49,7 +66,8 @@ function AddCategory() {
 
 
             }}
-            onChange={(e)=>handle(e)}
+            // onChange={(e)=>handle(e)}
+            onChange={handleInputChange}
           />
           <input
             type="file"
@@ -64,7 +82,8 @@ function AddCategory() {
               margin: "8px",
               name:"image"
             }}
-            onChange={(e)=>handle(e)}
+            // onChange={(e)=>handle(e)}
+            onChange={handleImageChange}
 
           />
           {/* <select style={{

src/components/login/Login.js

@@ -45,6 +45,7 @@ function Login() {
                 <div className="login-right">
                   <div>
                     <form onSubmit={handleLogin}>
+
 
                     <h4 style={{color:"#6a3921"}}>Login</h4>
                     <p style={{color:"gray",fontSize:"10px"}}>Lorem, ipsum dolor ipsum dolor ipsum !!</p>

src/store/admin/AdminSlice.js

@@ -23,10 +23,18 @@ export const AllevenTeamApi =createAsyncThunk(
 //-<<-----------add category------------------------->>
 export const AddCategoryApi = createAsyncThunk(
     "admin/AddCategoryApi",
-    async(data)=>{
-        console.log("DATA==",data);
-        const res = await axiosApi.post("/store/subcatagory/",data)
-        console.log("add category==",res);
+    async({inputValue,imageFile})=>{
+
+
+        const formData = new FormData();
+        formData.append("sub_catagory_name", inputValue);
+        formData.append("image", imageFile);
+        const res = await axiosApi.post("/store/subcatagory/", formData, {
+            headers: {
+              "Content-Type": "multipart/form-data"
+            }
+          });
+
         return res
 
     }
@@ -39,6 +47,7 @@ const INITIAL_STATE ={
     loading:false,
     allusersList:[],
     alleventtTeam:[],
+
 
 
 
@@ -86,6 +95,7 @@ const AdminSlice =createSlice({
         [AddCategoryApi.fulfilled]:(state,action)=>{
             state.loading=false
             console.log("success");
+
         },
         [AddCategoryApi.rejected]:(state,action)=>{
             console.log("faild");

src/store/auth/AuthSlice.js

@@ -34,8 +34,8 @@ import axiosApi from "../AxiosInstance";
         const res=axiosApi.post("/auth/token/logout/")
         console.log(res);
         if (res?.data) {
-            localStorage.clear();
-              sessionStorage.clear();
+            // localStorage.clear();
+            //   sessionStorage.clear();
              navigate("/");
         }