import Alert from '@elementor/ui/Alert';
import Box from '@elementor/ui/Box';
import Card from '@elementor/ui/Card';
import CardContent from '@elementor/ui/CardContent';
import CardHeader from '@elementor/ui/CardHeader';
import Divider from '@elementor/ui/Divider';
import List from '@elementor/ui/List';
import ListItem from '@elementor/ui/ListItem';
import ListItemText from '@elementor/ui/ListItemText';
import Typography from '@elementor/ui/Typography';
import { styled } from '@elementor/ui/styles';
import { CapabilitiesItem } from '@ea11y/components';
import { useSettings, useStorage } from '@ea11y/hooks';
import { LogoSettings } from '@ea11y/layouts';
import { useEffect, useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { MENU_SETTINGS } from '../constants/menu-settings';
const StyledCardContent = styled(CardContent)`
height: 55vh;
overflow: auto;
margin-bottom: ${({ theme }) => theme.spacing(2)};
padding: 0 ${({ theme }) => theme.spacing(2)};
`;
const MenuSettings = () => {
const {
widgetMenuSettings,
hideMinimumOptionAlert,
setHideMinimumOptionAlert,
} = useSettings();
const [disableOptions, setDisableOptions] = useState(false);
const { save } = useStorage();
useEffect(() => {
if (!areAtLeastTwoOptionsEnabled(widgetMenuSettings)) {
setDisableOptions(true);
} else {
setDisableOptions(false);
save({ a11y_hide_minimum_active_options_alert: false }).then(() => {
setHideMinimumOptionAlert(false);
});
}
}, [widgetMenuSettings]);
/**
* Check if at least two options are enabled.
* @param {Object} settings - widget menu settings.
* @return {boolean} true if at least two options are enabled.
*/
const areAtLeastTwoOptionsEnabled = (settings) => {
const enabled = Object.keys(settings)?.filter(
(key) => settings[key].enabled,
);
return enabled.length > 2;
};
/**
* Close minimum option notification.
*/
const handleCloseNotification = () => {
save({ a11y_hide_minimum_active_options_alert: true }).then(() => {
setHideMinimumOptionAlert(true);
});
};
const sectionsCount = Object.entries(MENU_SETTINGS).length;
return (
{__(
'Choose which accessibility features and capabilities you want to include.',
'pojo-accessibility',
)}
}
/>
{disableOptions && !hideMinimumOptionAlert && (
{__('At least two option must remain active', 'pojo-accessibility')}
)}
{Object.entries(MENU_SETTINGS).map(([parentKey, parentItem], i) => {
return (
{parentItem.title}
{parentItem.options &&
Object.entries(parentItem.options).map(
([childKey, childValue]) => {
return (
);
},
)}
{i + 1 < sectionsCount && }
);
})}
);
};
export default MenuSettings;
Warning: Cannot modify header information - headers already sent by (output started at /home/u559793476/domains/germanscrews.com/public_html/wp-content/themes/astra/inc/addons/breadcrumbs/class-astra-breadcrumb-trail.php:1) in /home/u559793476/domains/germanscrews.com/public_html/wp-content/plugins/surerank/inc/frontend/feed.php on line 83
Warning: Cannot modify header information - headers already sent by (output started at /home/u559793476/domains/germanscrews.com/public_html/wp-content/themes/astra/inc/addons/breadcrumbs/class-astra-breadcrumb-trail.php:1) in /home/u559793476/domains/germanscrews.com/public_html/wp-includes/feed-rss2.php on line 8 Blog - German Screws
https://germanscrews.com
Thu, 24 Sep 2026 12:24:47 +0000en-US
hourly
1 Hello world!
https://germanscrews.com/hello-world/
https://germanscrews.com/hello-world/#commentsWed, 31 Dec 2025 16:10:20 +0000https://germanscrews.com/?p=1Read more at German Screws]]>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!