fix apiconnector issue

frontend/package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@ramonak/react-progress-bar": "^5.0.3",
     "@reduxjs/toolkit": "^1.9.7",
+    "axios": "^1.6.7",
     "chart.js": "^4.4.0",
     "copy-to-clipboard": "^3.3.3",
     "react": "^18.2.0",

frontend/src/components/core/Auth/SignupForm.jsx

@@ -183,6 +183,7 @@ function SignupForm () {
                 name="contactNumber"
                 id="contactNumber"
                 value={contactNumber}
+                onChange={handleOnChange}
                 placeholder="12345 67890"
                 className="form-style bg-richblack-800 rounded-[0.5rem] text-richblack-5"
                 style={{

frontend/src/services/apiconnector.js

@@ -1,21 +1,13 @@
-export const apiConnector = async (method, url, bodyData, headers, params) => {
-  const options = {
-    method: method,
-    headers: headers || {},
-    body: JSON.stringify(bodyData) || null,
-  };
+import axios from 'axios'
 
-  if (params) {
-    url += "?" + new URLSearchParams(params).toString();
-  }
+export const axiosInstance = axios.create({})
 
-  try {
-    const response = await fetch(url, options);
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    return await response.json();
-  } catch (error) {
-    console.error("Error:", error);
-  }
-};
+export const apiConnector = (method, url, bodyData, headers, params) => {
+  return axiosInstance({
+    method: `${method}`,
+    url: `${url}`,
+    data: bodyData || null,
+    headers: headers || null,
+    params: params || null,
+  })
+}