Merge branch 'add-family-acc' of WrenchBoard/Users-Wrench into master

src/components/FamilyAcc/index.jsx

@@ -21,6 +21,11 @@ export default function FamilyAcc() {
 
   const apiCall = useMemo(() => new SiteService(), []);
 
+  // This is to make sure it's called once and used everywhere
+  let memberId = localStorage.getItem("member_id");
+  let uid = localStorage.getItem("uid");
+  let sessionId = localStorage.getItem("session_token");
+
   const popUpHandler = () => {
     setPopUp(!popUp);
   };
@@ -56,9 +61,9 @@ export default function FamilyAcc() {
     try {
       if (first_name !== "" && last_name !== "") {
         let reqData = {
-          member_id: localStorage.getItem("member_id"),
-          uid: localStorage.getItem("uid"),
-          session_id: localStorage.getItem("session_token"),
+          member_id: memberId,
+          uid: uid,
+          session_id: sessionId,
           firstname: first_name,
           lastname: last_name,
           age: selectedAge,
@@ -98,11 +103,11 @@ export default function FamilyAcc() {
     setLoader(true);
     try {
       let reqData = {
-        member_id: localStorage.getItem("member_id"),
-        uid: localStorage.getItem("uid"),
-        sessionid: localStorage.getItem("session_token"),
+        member_id: memberId,
+        uid: uid,
+        session_id: sessionId,
         limit: 20,
-        offset: 1,
+        offset: 0,
         action: 22010,
       };
 
@@ -117,7 +122,7 @@ export default function FamilyAcc() {
       setLoader(false);
       throw new Error(error);
     }
-  }, [apiCall]);
+  }, [apiCall, memberId, sessionId, uid]);
 
   useEffect(() => {
     memberList();