From bcb8a7579bcfd978fd2089e2e4d993585eba6ab9 Mon Sep 17 00:00:00 2001
From: anwarjunaidkm <anverjunaidvilayil@gmail.com>
Date: Tue, 7 Feb 2023 15:05:58 +0530
Subject: [PATCH] add categoty api done

---
 src/components/dashbords/admin/AddCategory.js | 41 ++++++++++++++-----
 src/components/login/Login.js                 |  1 +
 src/store/admin/AdminSlice.js                 | 18 ++++++--
 src/store/auth/AuthSlice.js                   |  4 +-
 4 files changed, 47 insertions(+), 17 deletions(-)

diff --git a/src/components/dashbords/admin/AddCategory.js b/src/components/dashbords/admin/AddCategory.js
index 31f6d83..6d2354c 100644
--- a/src/components/dashbords/admin/AddCategory.js
+++ b/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={{
diff --git a/src/components/login/Login.js b/src/components/login/Login.js
index 78b0b7d..3ca0162 100644
--- a/src/components/login/Login.js
+++ b/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>
diff --git a/src/store/admin/AdminSlice.js b/src/store/admin/AdminSlice.js
index 3af5fdf..b332dfa 100644
--- a/src/store/admin/AdminSlice.js
+++ b/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");
diff --git a/src/store/auth/AuthSlice.js b/src/store/auth/AuthSlice.js
index cd18e5e..58a0357 100644
--- a/src/store/auth/AuthSlice.js
+++ b/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("/");
         }