mirror of
https://ghproxy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-07-22 12:27:13 +08:00
ad2174ffe3* New: Add the heading structure components [APP-1792] (#391) * New: Add the new rules [APP-1792] * New: Add the BE integration [APP-1792] * Fix: Fix QA issues [APP-1792] * merge latest dev * merge latest dev * merge latest dev * merge latest dev * merge latest dev * merge latest dev * add reset to initial --------- Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com> Co-authored-by: Kniazevych <pavlok@elementor.red>
28 lines
888 B
JavaScript
28 lines
888 B
JavaScript
import Box from '@elementor/ui/Box';
|
|
import { styled } from '@elementor/ui/styles';
|
|
import { StyledSkeleton } from '@ea11y-apps/scanner/styles/app.styles';
|
|
import { memo } from '@wordpress/element';
|
|
|
|
const HeadingStructureHeadingTreeLoader = memo(() => {
|
|
return (
|
|
<StyledLoaderContainer>
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
<StyledSkeleton width="100%" height={48} />
|
|
</StyledLoaderContainer>
|
|
);
|
|
});
|
|
|
|
const StyledLoaderContainer = styled(Box)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
margin-top: ${({ theme }) => theme.spacing(2)};
|
|
gap: ${({ theme }) => theme.spacing(1.5)};
|
|
`;
|
|
|
|
export default HeadingStructureHeadingTreeLoader;
|
