adefbe7d18
This is not exactly finished or ready for prime-time, but I do feel that leaving it in a feature branch longer will only cause the spread between the `develop` branch and this to grow. Given that I've taken care to not break the current site, I plan to merge this and then keep polishing things. Some views are not implemented yet, and overall there's a need to polish to limit the amount of re-renders and improve performance.
60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
export const UiPreferencesMenu = ({ Swizzled, update, state, Design }) => {
|
|
const structure = Swizzled.methods.menuUiPreferencesStructure()
|
|
|
|
const drillProps = { Design, state, update }
|
|
const inputs = {
|
|
ux: (props) => <Swizzled.components.MenuUxSettingInput {...drillProps} {...props} />,
|
|
aside: (props) => <Swizzled.components.MenuListInput {...drillProps} {...props} />,
|
|
kiosk: (props) => <Swizzled.components.MenuListInput {...drillProps} {...props} />,
|
|
rotate: (props) => <Swizzled.components.MenuListInput {...drillProps} {...props} />,
|
|
renderer: (props) => <Swizzled.components.MenuListInput {...drillProps} {...props} />,
|
|
}
|
|
const values = {
|
|
ux: (props) => <Swizzled.components.Ux ux={state.ui.ux} {...props} />,
|
|
aside: Swizzled.components.MenuListValue,
|
|
kiosk: Swizzled.components.MenuListValue,
|
|
rotate: Swizzled.components.MenuListValue,
|
|
renderer: Swizzled.components.MenuListValue,
|
|
}
|
|
|
|
return (
|
|
<Swizzled.components.MenuItemGroup
|
|
{...{
|
|
structure,
|
|
ux: state.ui?.ux,
|
|
currentValues: state.ui || {},
|
|
Item: (props) => (
|
|
<Swizzled.components.UiPreference
|
|
updateHandler={update}
|
|
{...{ inputs, values, Swizzled, Design }}
|
|
{...props}
|
|
/>
|
|
),
|
|
isFirst: true,
|
|
name: 'pe:uiPreferences',
|
|
language: state.locale,
|
|
passProps: {
|
|
ux: state.ui?.ux,
|
|
settings: state.settings,
|
|
patternConfig: Design.patternConfig,
|
|
},
|
|
updateHandler: update.ui,
|
|
isDesignOptionsGroup: false,
|
|
Swizzled,
|
|
state,
|
|
Design,
|
|
inputs,
|
|
values,
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export const UiPreference = ({ Swizzled, name, ux, ...rest }) => (
|
|
<Swizzled.components.MenuItem
|
|
{...rest}
|
|
name={name}
|
|
allowToggle={!['ux', 'view'].includes(name) && ux > 3}
|
|
ux={ux}
|
|
/>
|
|
)
|