more

src/Components/Account/AccountPage.js

@@ -13,8 +13,9 @@ const AccountPage = () => {
   const { currentUserCreatedAt } = useContext(AuthContext);
   const { appState } = useContext(AppContext);
   const { group } = appState;
+  console.log("group", group);
   const [docsGenerated, setDocsGenerated] = useState(null);
-  const [docsAllowed, setDocsAllowed] = useState(10);
+  const [docsAllowed, setDocsAllowed] = useState(group?.docsAllowed);
   const appUserId = group ? group.appUserId : null;
   const [showModal, setShowModal] = useState(false);
 
@@ -47,19 +48,20 @@ const AccountPage = () => {
     setShowModal(true);
     try {
       let response = await fetch(`${apiUrl}/cancel-subscription`, {
-        method: 'POST',
+        method: "POST",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
           appUserId: appUserId,
         }),
-      })
+      });
     } catch (err) {
       console.log(err);
     }
     setShowModal(false);
   };
+
   const handleSupport = () => {
     const supReq = "5ac45d12";
     navigate(`/requestpage/${supReq}`);
@@ -98,7 +100,7 @@ const AccountPage = () => {
             </div>
             <div className="account-card-actions">
               <Button
-                className="primary-button"
+                className="primary-button upgrade-account"
                 labelText="Upgrade to add more"
               />
             </div>

src/styles/buttons.scss

@@ -27,6 +27,10 @@ $button-padding: 0 5px;
   }
 }
 
+.upgrade-account {
+  width: 190px;
+}
+
 .secondary-button {
   height: $button-height;
   padding: $button-padding;