more

src/Components/Account/AccountPage.js

@@ -11,7 +11,7 @@ const AccountPage = () => {
   const { appState } = useContext(AppContext);
   const { group } = appState;
   const [docsGenerated, setDocsGenerated] = useState(null);
-  const [docsAllowed, setDocsAllowed] = useState(200);
+  const [docsAllowed, setDocsAllowed] = useState(10);
   const appUserId = group ? group.appUserId : null;
 
   function getDocumentsCount() {
@@ -38,6 +38,7 @@ const AccountPage = () => {
     <div className="account-container">
       <div className="account-left-column">
         <div className="account-menu">
+          {/*
           <div className="account-menu-item">
             <a href="#">Personal Settings</a>
           </div>
@@ -50,6 +51,7 @@ const AccountPage = () => {
           <div className="account-menu-item">
             <a href="#">Order History</a>
           </div>  
+        */}
         </div>
       </div>
       <div className="account-column">
@@ -71,7 +73,7 @@ const AccountPage = () => {
             </div>
           </div>
         ) : null}
-        <div className="accound-section">
+        {/*        <div className="accound-section">
           Take full advantage of the features included in your account
         </div>
         <div className="account-group">
@@ -115,7 +117,8 @@ const AccountPage = () => {
               <Button className="primary-button" labelText="Upgrade" />
             </div>
           </div>
-        </div>
+        </div>*/}
+
         <div className="account-card account-support">
           <div className="account-support-info">
             <div className="account-support-title account-support-info-title">
@@ -125,11 +128,13 @@ const AccountPage = () => {
               <a href="tel:+12223334444">1-222-333-4444</a>
             </div>
             <div>
-              <a href="mailto:test@example.com">test@example.com</a>
+              <a href="mailto:support@novodraft.ai">support@novodraft.ai</a>
-            </div>
-            <div>
-              Or use our <a href="#">contact form</a>
             </div>
+            {/*
+              <div>
+                Or use our <a href="#">contact form</a>
+              </div>
+            */}
           </div>
           <div className="account-support-links">
             <div className="account-support-title account-support-links-title">
@@ -142,7 +147,7 @@ const AccountPage = () => {
               <a href="#">Billing</a>
             </div>
             <div>
-              <a href="#">Privacy</a>
+              <a href="/privacy">Privacy</a>
             </div>
           </div>
         </div>
@@ -173,6 +178,7 @@ const AccountPage = () => {
           <div className="account-info-name">
             {group.firstName} {group.lastName}
           </div>
+          <div>{group.firm}</div>
           <div>
             <a href={`mailto:${group.email}`}>{group.email}</a>
           </div>

src/styles/account-page.scss

@@ -20,6 +20,8 @@ $account-support-title-padding: 10px;
   gap: $account-padding-base;
   background-color: #fff;
   margin-bottom: 2rem;
+  border: 1px solid #e9e9e9;
+  border-radius: $account-border-radius;
 }
 
 .account-left-column {
@@ -45,7 +47,7 @@ $account-support-title-padding: 10px;
 .account-card {
   background: $account-card-background;
   border-radius: 6px;
-
+  margin: 6px 6px;
   padding: $account-padding-base;
   text-align: center;