Added Max 8 for family, added responsive breakpoints for wallet and layout

src/components/FamilyAcc/index.jsx

@@ -5,12 +5,12 @@ import React, {
   useMemo,
   useState,
 } from "react";
-import InputCom from "../Helpers/Inputs/InputCom";
-import Layout from "../Partials/Layout";
-import FamilyTable from "./FamilyTable";
 import SiteService from "../../services/SiteService";
+import InputCom from "../Helpers/Inputs/InputCom";
 import ModalCom from "../Helpers/ModalCom";
+import Layout from "../Partials/Layout";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
+import FamilyTable from "./FamilyTable";
 
 export default function FamilyAcc() {
   const [selectTab, setValue] = useState("today");
@@ -129,6 +129,8 @@ export default function FamilyAcc() {
     };
   }, [listReload, memberList]);
 
+  console.log("Family List ====>", familyList.length);
+
   return (
     <Layout>
       {/*<CommonHead />*/}
@@ -143,13 +145,16 @@ export default function FamilyAcc() {
                 >
                   Family Accounts
                 </span>
-                <button
-                  onClick={popUpHandler}
-                  type="button"
-                  className="text-white btn-gradient text-lg tracking-wide px-5 py-2 rounded-full"
-                >
-                  Add
-                </button>
+                {(familyList.length <
+                  process.env.REACT_APP_MAX_FAMILY_MEMBERS && !loader) && (
+                  <button
+                    onClick={popUpHandler}
+                    type="button"
+                    className="text-white btn-gradient text-lg tracking-wide px-5 py-2 rounded-full"
+                  >
+                    Add
+                  </button>
+                )}
               </h1>
             </div>
             <div className="slider-btns flex space-x-4">