mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-24 15:40:55 +08:00
84f181bba0
* Fix: Resolve QA comments [APP-1544] * New: Add beta tags [APP-1555] * New: Add the "no results" state [APP-1544]
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import Box from '@elementor/ui/Box';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
import { AccessibilityAssistantNoResultsIcon } from '@ea11y/icons';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
const AccessibilityAssistantNoResultsState = () => {
|
|
return (
|
|
<StyledWrapper>
|
|
<AccessibilityAssistantNoResultsIcon />
|
|
|
|
<StyledTitle variant="subtitle1" as="h3">
|
|
{__('No data to display for this period', 'pojo-accessibility')}
|
|
</StyledTitle>
|
|
|
|
<StyledSubtitle variant="body2">
|
|
{__(
|
|
'Try selecting a different timeframe to see your scan results.',
|
|
'pojo-accessibility',
|
|
)}
|
|
</StyledSubtitle>
|
|
</StyledWrapper>
|
|
);
|
|
};
|
|
|
|
const StyledWrapper = styled(Box)`
|
|
margin-top: ${({ theme }) => theme.spacing(6)};
|
|
|
|
text-align: center;
|
|
`;
|
|
|
|
const StyledTitle = styled(Typography)`
|
|
margin-top: 0;
|
|
margin-bottom: ${({ theme }) => theme.spacing(1)};
|
|
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 130%;
|
|
letter-spacing: 0.15px;
|
|
color: ${({ theme }) => theme.palette.text.secondary};
|
|
`;
|
|
|
|
const StyledSubtitle = styled(Typography)`
|
|
color: ${({ theme }) => theme.palette.text.secondary};
|
|
`;
|
|
|
|
export default AccessibilityAssistantNoResultsState;
|
