prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove upgrade button, fix margin

Browse source
This commit is contained in:
Jackson Harper 2023-10-26 12:15:30 +08:00
parent 46585d9208
commit f17e7d2a65
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/web/pages/settings/account.tsx
View file

@ -20,6 +20,8 @@ import { showErrorToast, showSuccessToast } from '../../lib/toastHelpers'
import { ConfirmationModal } from '../../components/patterns/ConfirmationModal'
import { ProgressBar } from '../../components/elements/ProgressBar'
const ACCOUNT_LIMIT = 50_000
const StyledLabel = styled('label', {
fontWeight: 600,
fontSize: '16px',
@ -386,20 +388,22 @@ export default function Account(): JSX.Element {
{!isValidating && (
<>
<ProgressBar
fillPercentage={(libraryCount ?? 0) / 50000}
fillPercentage={(libraryCount ?? 0) / ACCOUNT_LIMIT}
fillColor={theme.colors.omnivoreCtaYellow.toString()}
backgroundColor={theme.colors.grayText.toString()}
borderRadius={'2px'}
/>
<StyledText style="footnote" css={{ mt: '0px' }}>
{`${libraryCount} of 50K library items used.`}
{`${libraryCount} of ${ACCOUNT_LIMIT} library items used.`}
</StyledText>
<StyledText style="footnote" css={{ mt: '0px', mb: '20px' }}>
{`NOTE: this is a soft limit, if you are approaching or have exceeded this limit please contact support to have your limit raised.`}
<StyledText style="footnote" css={{ m: '0px' }}>
NOTE: this is a soft limit, if you are approaching or have
exceeded this limit please contact support to have your limit
raised.
</StyledText>
</>
)}
<Button style="ctaDarkYellow">Upgrade</Button>
{/* <Button style="ctaDarkYellow">Upgrade</Button> */}
</VStack>
<VStack