mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-26 03:08:51 +08:00
92ca3db6d6
* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel * [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel * [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel * [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel
40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
import Box from '@elementor/ui/Box';
|
|
import Container from '@elementor/ui/Container';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
import SkipToContentSettings from '@ea11y/components/skip-to-content-settings';
|
|
import { MenuSettings, WidgetPreview } from '@ea11y/layouts';
|
|
import { mixpanelService } from '@ea11y/services';
|
|
import { useEffect } from '@wordpress/element';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
const StyledContainer = styled(Container)`
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
padding: ${({ theme }) => theme.spacing(5)};
|
|
`;
|
|
|
|
const Menu = () => {
|
|
useEffect(() => {
|
|
mixpanelService.sendEvent('page_view', {
|
|
page: 'Capabilities',
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<StyledContainer>
|
|
<Typography variant="h4" fontWeight="400" marginBottom={4}>
|
|
{__('Capabilities', 'pojo-accessibility')}
|
|
</Typography>
|
|
|
|
<Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4}>
|
|
<MenuSettings />
|
|
<WidgetPreview />
|
|
</Box>
|
|
|
|
<SkipToContentSettings />
|
|
</StyledContainer>
|
|
);
|
|
};
|
|
|
|
export default Menu;
|
