mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-24 06:58:40 +08:00
c5b59b4db2
* add: back button to the statement link section * add: Edit link button to statement page section * update: add admin_url and generate query args properly
54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
import { EditIcon } from '@elementor/icons';
|
|
import IconButton from '@elementor/ui/IconButton';
|
|
import Tooltip from '@elementor/ui/Tooltip';
|
|
import { useSettings } from '@ea11y/hooks';
|
|
import { __ } from '@wordpress/i18n';
|
|
import { addQueryArgs } from '@wordpress/url';
|
|
|
|
const EditLink = () => {
|
|
const { accessibilityStatementData } = useSettings();
|
|
const handleEdit = () => {
|
|
const adminUrl = window?.ea11ySettingsData?.adminUrl;
|
|
const url = addQueryArgs(`${adminUrl}post.php`, {
|
|
post: accessibilityStatementData?.pageId,
|
|
action: 'edit',
|
|
});
|
|
window.open(url, '_blank');
|
|
};
|
|
|
|
return (
|
|
<Tooltip
|
|
placement="top"
|
|
title={__('Edit page', 'pojo-accessibility')}
|
|
arrow
|
|
PopperProps={{
|
|
modifiers: [
|
|
{
|
|
name: 'offset',
|
|
options: {
|
|
offset: [0, -16], // Adjusts the vertical (top) margin
|
|
},
|
|
},
|
|
{
|
|
name: 'zIndex',
|
|
enabled: true,
|
|
phase: 'beforeWrite',
|
|
fn: ({ state }) => {
|
|
state.styles.popper.zIndex = '99999'; // Apply zIndex to the Popper element
|
|
},
|
|
},
|
|
],
|
|
}}
|
|
>
|
|
<IconButton
|
|
onClick={handleEdit}
|
|
sx={{ marginLeft: 1 }}
|
|
aria-label="Edit accessibility statement page"
|
|
>
|
|
<EditIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default EditLink;
|
