one-click-accessibility/modules/scanner/assets/js/layouts/manual-layout.js
2025-04-06 14:38:17 +02:00

21 lines
771 B
JavaScript

import Card from '@elementor/ui/Card';
import CardContent from '@elementor/ui/CardContent';
import Typography from '@elementor/ui/Typography';
import { useScannerWizardContext } from '@ea11y-apps/scanner/context/scanner-wizard-context';
import { StyledContent } from '@ea11y-apps/scanner/styles/app.styles';
export const ManualLayout = () => {
const { openedBlock, sortedViolations } = useScannerWizardContext();
return (
<StyledContent>
{sortedViolations[openedBlock].map((item, index) => (
<Card key={`${item.ruleId}-${index}`} sx={{ mb: 2 }}>
<CardContent>
<Typography variant="subtitle1">{item.category}</Typography>
<Typography variant="body1">{item.message}</Typography>
</CardContent>
</Card>
))}
</StyledContent>
);
};