one-click-accessibility/modules/settings/assets/js/layouts/widget-preview.js
Nirbhay Singh cd6a7e854e
[APP-908] Accessibility generator (#131)
* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs
2025-01-13 09:09:55 +02:00

34 lines
799 B
JavaScript

import Card from '@elementor/ui/Card';
import CardContent from '@elementor/ui/CardContent';
import CardHeader from '@elementor/ui/CardHeader';
import { WidgetLoader } from '@ea11y/components';
import { __ } from '@wordpress/i18n';
const WidgetPreview = () => {
return (
<>
<Card variant="outlined">
<CardHeader
title={__('Preview', 'pojo-accessibility')}
subheader={__(
'This is what the widget will look like to your site viewers.',
'pojo-accessibility',
)}
/>
<CardContent
id="ea11y-widget-preview--container"
sx={{
overflow: 'auto',
marginRight: 'auto',
marginLeft: 'auto',
marginTop: 4,
padding: '0 24px',
}}
></CardContent>
</Card>
<WidgetLoader />
</>
);
};
export default WidgetPreview;