Fixed Api Parameter, Banner Button Style and Slider header

src/components/AddJob/AddJob.jsx

@@ -8,7 +8,7 @@ import { Field, Form, Formik } from "formik";
 import * as Yup from "yup";
 
 const validationSchema = Yup.object().shape({
-  currency: Yup.string()
+  country: Yup.string()
     .min(1, "Minimum 3 characters")
     .max(25, "Maximum 25 characters")
     .required("Country is required"),
@@ -54,7 +54,7 @@ function AddJob({ popUpHandler, categories }) {
 
   let initialValues = {
     // initial values for formik
-    currency: "",
+    country: "",
     price: "",
     title: "",
     description: "",
@@ -103,6 +103,9 @@ function AddJob({ popUpHandler, categories }) {
             status: false,
             message: "Could not complete your request at the moment",
           });
+          setTimeout(() => {
+            popUpHandler();
+          }, 1500);
           return;
         }
         setRequestStatus({
@@ -133,7 +136,6 @@ function AddJob({ popUpHandler, categories }) {
     getUserCurrency();
   }, []);
 
-  console.log("Currency >> ", currency.data);
 
   return (
     <div className="add-job p-5 w-full bg-white rounded-md flex flex-col justify-between">
@@ -151,15 +153,15 @@ function AddJob({ popUpHandler, categories }) {
                   <div className="xl:flex xl:space-x-7 mb-[5px]">
                     <div className="field w-full mb-6 xl:mb-0">
                       <label
-                        htmlFor="currency"
+                        htmlFor="country"
                         className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold block"
                       >
                         Currency
                       </label>
                       <select
-                        id="currency"
-                        name="currency"
-                        value={props.values.currency}
+                        id="country"
+                        name="country"
+                        value={props.values.country}
                         className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none`}
                         onChange={props.handleChange}
                         onBlur={props.handleBlur}
@@ -278,7 +280,7 @@ function AddJob({ popUpHandler, categories }) {
                         role="group"
                         aria-labelledby="checked-group"
                       >
-                        {Object.entries(categories).map(([key, value]) => (
+                        {Object?.entries(categories).map(([key, value]) => (
                           <label
                             key={key}
                             className="flex gap-1 w-full items-center"