kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-13 22:27:37 -06:00
parent 7cd5015b31
commit f887c0cc47
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Components/Account/AccountPage.js
View File

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

4
src/styles/account-page.scss
View File

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