src/components/Settings/Tabs/PersonalInfoTab.jsx

@@ -58,8 +58,6 @@ export default function PersonalInfoTab({
 
   let navigate = useNavigate();
 
-  let [togglePromotion, setTogglePromotion] = useState(false);
-
   const initialValues = {
     firstname: userDetails?.firstname,
     lastname: userDetails?.lastname,
@@ -69,8 +67,8 @@ export default function PersonalInfoTab({
     profile: userDetails?.profile_pic,
     pref_email: 0,
     pref_phone: 0,
-    promo: false,
-    online_name: `${userDetails?.firstname} ${userDetails?.lastname}`,
+    accept_promo: false,
+    online_name: userDetails?.username
   };
 
   let [profile, setProfile] = useState({
@@ -158,7 +156,7 @@ export default function PersonalInfoTab({
                     <div className="field w-full mb-6">
                       <InputCom
                         fieldClass="px-6"
-                        label="User Name"
+                        label="User Name (change if it's an email)"
                         type="text"
                         name="online_name"
                         placeholder="Username"
@@ -314,7 +312,7 @@ export default function PersonalInfoTab({
                     {/* Allow Promotions */}
                     <div className="field w-full mb-6 flex items-center space-x-4">
                       <label
-                        htmlFor="promo"
+                        htmlFor="accept_promo"
                         className="input-label text-[#181c32] dark:text-white text-base font-semibold"
                       >
                         Allow Promotions
@@ -322,17 +320,17 @@ export default function PersonalInfoTab({
                       <div>
                         <input
                           type="checkbox"
-                          id="promo"
-                          name="promo"
-                          value={props.values.promo}
-                          checked={props.values.promo}
+                          id="accept_promo"
+                          name="accept_promo"
+                          value={props.values.accept_promo}
+                          checked={props.values.accept_promo}
                           onChange={props.handleChange}
                           className="hidden"
                         />
                         <label
-                          htmlFor="promo"
+                          htmlFor="accept_promo"
                           className={`cursor-pointer flex items-center h-6 w-8 mr-1 p-1 ${
-                            props.values.promo
+                            props.values.accept_promo
                               ? "bg-sky-blue flex justify-end items-center"
                               : "bg-slate-200"
                           } rounded-full transition duration-200`}