mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-24 05:16:00 +08:00
43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
import HelpIcon from '@elementor/icons/HelpIcon';
|
|
import AppBar from '@elementor/ui/AppBar';
|
|
import Link from '@elementor/ui/Link';
|
|
import Toolbar from '@elementor/ui/Toolbar';
|
|
import { styled } from '@elementor/ui/styles';
|
|
import { mixpanelService } from '@ea11y/services';
|
|
import { __ } from '@wordpress/i18n';
|
|
import { HELP_LINK } from '../../constants';
|
|
|
|
const StyledToolbar = styled(Toolbar)`
|
|
justify-content: end;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
background-color: ${({ theme }) => theme.palette.background.default};
|
|
gap: 10px;
|
|
border-bottom: 1px solid ${({ theme }) => theme.palette.divider};
|
|
`;
|
|
|
|
const AdminTopBar = () => {
|
|
return (
|
|
<AppBar position="static">
|
|
<StyledToolbar variant="dense">
|
|
<Link
|
|
color="secondary"
|
|
underline="hover"
|
|
href={HELP_LINK}
|
|
target="_blank"
|
|
sx={{ display: 'inline-flex', alignItems: 'center', gap: 1 }}
|
|
aria-label={__('Help', 'pojo-accessibility')}
|
|
onClick={() =>
|
|
mixpanelService.sendEvent('help_button_clicked', {
|
|
source: 'Header',
|
|
})
|
|
}
|
|
>
|
|
<HelpIcon />
|
|
</Link>
|
|
</StyledToolbar>
|
|
</AppBar>
|
|
);
|
|
};
|
|
|
|
export default AdminTopBar;
|
