one-click-accessibility/modules/settings/assets/js/helpers/accessibility-options.js
Nirbhay Singh fcaba863b4
[APP-1417] Add support for custom icon (#270)
* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents
2025-05-12 22:48:08 +05:30

49 lines
1.2 KiB
JavaScript

import { __ } from '@wordpress/i18n';
import {
AccessibilityPersonIcon,
AccessibilityTextIcon,
AccessibilityEyeIcon,
AccessibilityControlsIcon,
} from '../icons';
const optionStyle = {
color: 'info.main',
fontSize: 44,
};
// Define options as an object
const options = [
{
value: 'person',
icon: <AccessibilityPersonIcon sx={optionStyle} />,
label: __('Accessibility Person Icon', 'pojo-accessibility'),
},
{
value: 'eye',
icon: <AccessibilityEyeIcon sx={optionStyle} />,
label: __('Accessibility Eye Icon', 'pojo-accessibility'),
},
{
value: 'controls',
icon: <AccessibilityControlsIcon sx={optionStyle} />,
label: __('Accessibility Controls Slider Icon', 'pojo-accessibility'),
},
{
value: 'text',
icon: <AccessibilityTextIcon sx={optionStyle} />,
label: __('Accessibility Text Badge Icon', 'pojo-accessibility'),
},
{
value: 'custom',
icon: <AccessibilityTextIcon sx={optionStyle} />,
label: __('Accessibility Custom Icon', 'pojo-accessibility'),
},
];
// Export the options object
export default options;
// Optionally, export a function to get a specific option by value
export const getOptionByValue = (value) => {
return Object.values(options).find((option) => option.value === value);
};