mirror of
https://ghproxy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-07-22 12:27:13 +08:00
f0dce2793e* [APP-1923] change remediation management (#411) * [APP-1988] Add tabs * [APP-1988][APP-1989] add tabs, remove menu item * [APP-1988][APP-1989] add tabs, remove menu item * [APP-1992] add empty state and tab navigation * [APP-1993][APP-1994] Change view for manage AI fixes, change delete confirmation modal * [APP-1996] add view for alt text fixes * [APP-1996] add edit for alt text fixes * [APP-1996] add edit for alt text fixes * [APP-1996] add edit for alt text fixes * [APP-1996] add edit for alt text fixes * [APP-1996] add edit for alt text fixes * [APP-1995] Color contrast form * [APP-2001] add global remediation logic (#415) * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2001] add global remediation logic * [APP-2003] add disable across scans (#418) * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * [APP-2003] add disable across scans * add logs * add logs * add logs * remove logs * remove logs * remove logs * remove logs * remove logs * remove logs * remove logs * remove logs * remove logs * remove logs * change to theme value * change to theme value * change to theme value * change to theme value * add edit mode * add edit mode * add edit mode
55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
import Button from '@elementor/ui/Button';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import CrownFilled from '@ea11y-apps/global/icons/crown-filled';
|
|
import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
|
|
import { PAGE_LIMIT_URL, PAGE_PER_PLAN } from '@ea11y-apps/scanner/constants';
|
|
import { QuotaImage } from '@ea11y-apps/scanner/images/quota-image';
|
|
import {
|
|
QuotaMessageContainer,
|
|
StateContainer,
|
|
} from '@ea11y-apps/scanner/styles/app.styles';
|
|
import { __, sprintf } from '@wordpress/i18n';
|
|
|
|
export const QuotaMessage = () => {
|
|
const onUpgrade = () => {
|
|
mixpanelService.sendEvent(mixpanelEvents.upgradeButtonClicked, {
|
|
current_plan: window.ea11yScannerData?.planData?.plan?.name,
|
|
action_trigger: 'scan_triggered',
|
|
feature_locked: 'multi-page scan',
|
|
});
|
|
};
|
|
|
|
return (
|
|
<StateContainer>
|
|
<QuotaImage />
|
|
<QuotaMessageContainer>
|
|
<Typography variant="h5" align="center">
|
|
{__('Scan and improve more pages', 'pojo-accessibility')}
|
|
</Typography>
|
|
<Typography variant="body2" align="center">
|
|
{sprintf(
|
|
// Translators: $s - page limit
|
|
__(
|
|
'Your current plan allows scanning up to %s unique URLs. Upgrade to scan more and keep your site accessible.',
|
|
'pojo-accessibility',
|
|
),
|
|
PAGE_PER_PLAN,
|
|
)}
|
|
</Typography>
|
|
</QuotaMessageContainer>
|
|
|
|
<Button
|
|
size="small"
|
|
color="promotion"
|
|
variant="contained"
|
|
href={PAGE_LIMIT_URL}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
startIcon={<CrownFilled />}
|
|
onClick={onUpgrade}
|
|
>
|
|
{__('Upgrade now', 'pojo-accessibility')}
|
|
</Button>
|
|
</StateContainer>
|
|
);
|
|
};
|
