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

Merge pull request #20 from kjannette/gem2

Browse Source 
Gem2
This commit is contained in:
S Jannette
2024-01-13 22:31:22 -06:00
committed by GitHub
parent 7cd5015b31 42d5036deb
commit 039fe46d5d
2 changed files with 21 additions and 12 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 { 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>
</div>
<div>
Or use our <a href="#">contact form</a>
<a href="mailto:support@novodraft.ai">support@novodraft.ai</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,11 +147,11 @@ const AccountPage = () => {
<a href="#">Billing</a>
</div>
<div>
<a href="#">Privacy</a>
<a href="/privacy">Privacy</a>
</div>
</div>
</div>
<div className="accound-section">Active Subscriptions</div>
<div className="account-section">Active Subscriptions</div>
<div className="account-card account-subscriptions">
<div className="account-subscriptions-title">
30 day free trial - 1 allowed document
@@ -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>

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

@@ -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 {
@@ -33,7 +35,8 @@ $account-support-title-padding: 10px;
}
.account-section {
font-weight: bold;
font-weight: 500;
margin-left: 20px;
}
.account-group {
@@ -45,7 +48,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;