From 083b5910606ca216011933fa0753ebbe4bf2fa22 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 1 Feb 2024 23:21:02 -0600
Subject: [PATCH] more

---
 src/Components/Account/AccountPage.js | 12 +++++++-----
 src/styles/buttons.scss               |  4 ++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Components/Account/AccountPage.js b/src/Components/Account/AccountPage.js
index d88f85e..c4c95a2 100644
--- a/src/Components/Account/AccountPage.js
+++ b/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>
diff --git a/src/styles/buttons.scss b/src/styles/buttons.scss
index e371416..a20e1d4 100644
--- a/src/styles/buttons.scss
+++ b/src/styles/buttons.scss
@@ -27,6 +27,10 @@ $button-padding: 0 5px;
   }
 }
 
+.upgrade-account {
+  width: 190px;
+}
+
 .secondary-button {
   height: $button-height;
   padding: $button-padding;