93235f0fb1
* Feat: Custom modules can now be created through a JSON file. * Added the ability to consume labels and icons. * Add all properties but styling. * Wrap up implementation. * Rename custom modules to basic modules to make way for new actually custom modules.
465 lines
28 KiB
TypeScript
465 lines
28 KiB
TypeScript
import { Option } from 'src/components/settings/shared/Option';
|
|
import { Header } from 'src/components/settings/shared/Header';
|
|
import options from 'src/options';
|
|
import { Gtk } from 'astal/gtk3';
|
|
|
|
export const CustomModuleSettings = (): JSX.Element => {
|
|
return (
|
|
<scrollable
|
|
name={'Basic Modules'}
|
|
className="menu-theme-page customModules paged-container"
|
|
vscroll={Gtk.PolicyType.AUTOMATIC}
|
|
hscroll={Gtk.PolicyType.AUTOMATIC}
|
|
>
|
|
<box className="menu-theme-page paged-container" vertical>
|
|
{/* General Section */}
|
|
<Header title="General" />
|
|
<Option opt={options.bar.customModules.scrollSpeed} title="Scrolling Speed" type="number" />
|
|
|
|
{/* Microphone Section */}
|
|
<Header title="Microphone" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.microphone.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.microphone.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.bar.customModules.microphone.mutedIcon} title="Muted Icon" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.unmutedIcon} title="Unmuted Icon" type="string" />
|
|
<Option opt={options.theme.bar.buttons.modules.microphone.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.microphone.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* RAM Section */}
|
|
<Header title="RAM" />
|
|
<Option opt={options.theme.bar.buttons.modules.ram.enableBorder} title="Button Border" type="boolean" />
|
|
<Option opt={options.bar.customModules.ram.icon} title="Ram Icon" type="string" />
|
|
<Option opt={options.bar.customModules.ram.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.ram.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.ram.labelType}
|
|
title="Label Type"
|
|
type="enum"
|
|
enums={['used/total', 'used', 'free', 'percentage']}
|
|
/>
|
|
<Option opt={options.bar.customModules.ram.round} title="Round" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.ram.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.ram.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.ram.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.ram.middleClick} title="Middle Click" type="string" />
|
|
|
|
{/* CPU Section */}
|
|
<Header title="CPU" />
|
|
<Option opt={options.theme.bar.buttons.modules.cpu.enableBorder} title="Button Border" type="boolean" />
|
|
<Option opt={options.bar.customModules.cpu.icon} title="Cpu Icon" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.cpu.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.round} title="Round" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.cpu.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.cpu.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.cpu.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* CPU Temperature Section */}
|
|
<Header title="CPU Temperature" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.cpuTemp.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.cpuTemp.sensor}
|
|
title="CPU Temperature Sensor"
|
|
subtitle="Wiki: https://hyprpanel.com/configuration/panel.html#custom-modules"
|
|
subtitleLink="https://hyprpanel.com/configuration/panel.html#custom-modules"
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.cpuTemp.unit}
|
|
title="CPU Temperature Unit"
|
|
type="enum"
|
|
enums={['imperial', 'metric']}
|
|
/>
|
|
<Option opt={options.bar.customModules.cpuTemp.showUnit} title="Show Unit" type="boolean" />
|
|
<Option opt={options.bar.customModules.cpuTemp.icon} title="Cpu Temperature Icon" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.cpuTemp.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.round} title="Round" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.cpuTemp.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.cpuTemp.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.cpuTemp.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Storage Section */}
|
|
<Header title="Storage" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.storage.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.storage.icon} title="Storage Icon" type="string" />
|
|
<Option opt={options.bar.customModules.storage.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.storage.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.storage.labelType}
|
|
title="Label Type"
|
|
type="enum"
|
|
enums={['used/total', 'used', 'free', 'percentage']}
|
|
/>
|
|
<Option opt={options.bar.customModules.storage.round} title="Round" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.storage.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.storage.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.storage.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.storage.middleClick} title="Middle Click" type="string" />
|
|
|
|
{/* Netstat Section */}
|
|
<Header title="Netstat" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.netstat.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.netstat.networkInterface}
|
|
title="Network Interface"
|
|
subtitle={
|
|
'Name of the network interface to poll.\n' +
|
|
"HINT: Get a list of interfaces with 'cat /proc/net/dev"
|
|
}
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.netstat.dynamicIcon}
|
|
title="Use Network Icon"
|
|
subtitle="If enabled, shows current network icon indicators instead of static icon"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.netstat.icon} title="Netstat Icon" type="string" />
|
|
<Option opt={options.bar.customModules.netstat.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.bar.customModules.netstat.networkInLabel} title="Network In Label" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.netstat.networkOutLabel}
|
|
title="Network Out Label"
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.netstat.rateUnit}
|
|
title="Rate Unit"
|
|
type="enum"
|
|
enums={['GiB', 'MiB', 'KiB', 'auto']}
|
|
/>
|
|
<Option opt={options.theme.bar.buttons.modules.netstat.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.netstat.labelType}
|
|
title="Label Type"
|
|
type="enum"
|
|
enums={['full', 'in', 'out']}
|
|
/>
|
|
<Option opt={options.bar.customModules.netstat.round} title="Round" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.netstat.pollingInterval}
|
|
title="Polling Interval (ms)"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.netstat.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.netstat.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.netstat.middleClick} title="Middle Click" type="string" />
|
|
|
|
{/* Keyboard Layout Section */}
|
|
<Header title="Keyboard Layout" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.kbLayout.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.kbLayout.icon} title="Keyboard Layout Icon" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.label} title="Show Label" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.kbLayout.labelType}
|
|
title="Label Type"
|
|
type="enum"
|
|
enums={['layout', 'code']}
|
|
/>
|
|
<Option opt={options.theme.bar.buttons.modules.kbLayout.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.kbLayout.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Updates Section */}
|
|
<Header title="Updates" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.updates.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.updates.updateCommand}
|
|
title="Check Updates Command"
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.updates.updateTooltipCommand}
|
|
title="Check Updates Tooltip Command"
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.updates.extendedTooltip}
|
|
title="Show Extended Tooltip"
|
|
subtitle="Lists packages with updates. Arch only."
|
|
type="boolean"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.updates.icon.pending}
|
|
title="Updates Available Icon"
|
|
type="string"
|
|
/>
|
|
<Option opt={options.bar.customModules.updates.icon.updated} title="No Updates Icon" type="string" />
|
|
<Option opt={options.bar.customModules.updates.label} title="Show Label" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.updates.autoHide}
|
|
title="Auto Hide"
|
|
subtitle="Hides module when no updates are available."
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.updates.padZero} title="Pad with 0" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.updates.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.updates.pollingInterval}
|
|
title="Polling Interval"
|
|
subtitle="WARNING: Be careful of your package manager's rate limit."
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.updates.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.updates.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.updates.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.updates.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.updates.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Submap Section */}
|
|
<Header title="Submap" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.submap.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option
|
|
opt={options.bar.customModules.submap.showSubmapName}
|
|
title="Show Submap Name"
|
|
subtitle="Displays current submap name instead of Enabled/Disabled text."
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.submap.enabledIcon} title="Enabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.submap.disabledIcon} title="Disabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.submap.enabledText} title="Enabled Text" type="string" />
|
|
<Option opt={options.bar.customModules.submap.disabledText} title="Disabled Text" type="string" />
|
|
<Option opt={options.bar.customModules.submap.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.submap.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.submap.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.submap.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.submap.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.submap.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.submap.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Weather Section */}
|
|
<Header title="Weather" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.weather.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.weather.label} title="Show Label" type="boolean" />
|
|
<Option
|
|
opt={options.bar.customModules.weather.unit}
|
|
title="Units"
|
|
type="enum"
|
|
enums={['imperial', 'metric']}
|
|
/>
|
|
<Option opt={options.theme.bar.buttons.modules.weather.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.weather.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.weather.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.weather.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.weather.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.weather.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Hyprsunset Section */}
|
|
<Header title="Hyprsunset" />
|
|
<Option
|
|
opt={options.bar.customModules.hyprsunset.temperature}
|
|
title="Temperature"
|
|
subtitle="Ex: 1000k, 2000k, 5000k, etc."
|
|
type="string"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.hyprsunset.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.hyprsunset.onIcon} title="Enabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.offIcon} title="Disabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.onLabel} title="Enabled Label" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.offLabel} title="Disabled Label" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.hyprsunset.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.hyprsunset.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.hyprsunset.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.hyprsunset.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Hypridle Section */}
|
|
<Header title="Hypridle" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.hypridle.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.hypridle.onIcon} title="Enabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.offIcon} title="Disabled Icon" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.onLabel} title="Enabled Label" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.offLabel} title="Disabled Label" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.label} title="Show Label" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.hypridle.spacing} title="Spacing" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.hypridle.pollingInterval}
|
|
title="Polling Interval"
|
|
type="number"
|
|
min={100}
|
|
max={60 * 24 * 1000}
|
|
increment={1000}
|
|
/>
|
|
<Option opt={options.bar.customModules.hypridle.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.hypridle.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* Cava Section */}
|
|
<Header title="Cava" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.cava.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.cava.icon} title="Icon" type="string" />
|
|
<Option opt={options.bar.customModules.cava.showIcon} title="Show Icon" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.cava.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.cava.barCharacters} title="Bar Characters" type="object" />
|
|
<Option opt={options.bar.customModules.cava.spaceCharacter} title="Bar Separator" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.cava.showActiveOnly}
|
|
title="Auto Hide"
|
|
subtitle="Hide if no media detected."
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.cava.bars} title="Bars" type="number" />
|
|
<Option opt={options.bar.customModules.cava.channels} title="Channels" type="number" />
|
|
<Option opt={options.bar.customModules.cava.framerate} title="Framerate" type="number" />
|
|
<Option opt={options.bar.customModules.cava.samplerate} title="Sample Rate" type="number" />
|
|
<Option
|
|
opt={options.bar.customModules.cava.autoSensitivity}
|
|
title="Automatic Sensitivity"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.cava.lowCutoff} title="Low Cutoff" type="number" />
|
|
<Option opt={options.bar.customModules.cava.highCutoff} title="High Cutoff" type="number" />
|
|
<Option opt={options.bar.customModules.cava.noiseReduction} title="Noise Reduction" type="float" />
|
|
<Option opt={options.bar.customModules.cava.stereo} title="Stereo" type="boolean" />
|
|
<Option opt={options.bar.customModules.cava.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.cava.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.cava.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.cava.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.cava.scrollDown} title="Scroll Down" type="string" />
|
|
|
|
{/* World Clock Section */}
|
|
<Header title="World Clock" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.worldclock.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.bar.customModules.worldclock.icon} title="Icon" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.showIcon} title="Show Icon" type="boolean" />
|
|
<Option opt={options.theme.bar.buttons.modules.worldclock.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.format} title="Format" type="string" />
|
|
<Option
|
|
opt={options.bar.customModules.worldclock.formatDiffDate}
|
|
title="Cross-Day Time Format"
|
|
subtitle="Format to use when the timezone is on a different calendar day than the local timezone."
|
|
type="string"
|
|
/>
|
|
<Option opt={options.bar.customModules.worldclock.divider} title="Date Divider" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.scrollDown} title="Scroll Down" type="string" />
|
|
<Option opt={options.bar.customModules.worldclock.tz} title="Timezones Displayed" type="object" />
|
|
|
|
{/* Power Section */}
|
|
<Header title="Power" />
|
|
<Option
|
|
opt={options.theme.bar.buttons.modules.power.enableBorder}
|
|
title="Button Border"
|
|
type="boolean"
|
|
/>
|
|
<Option opt={options.theme.bar.buttons.modules.power.spacing} title="Spacing" type="string" />
|
|
<Option opt={options.bar.customModules.power.icon} title="Power Button Icon" type="string" />
|
|
<Option opt={options.bar.customModules.power.leftClick} title="Left Click" type="string" />
|
|
<Option opt={options.bar.customModules.power.rightClick} title="Right Click" type="string" />
|
|
<Option opt={options.bar.customModules.power.middleClick} title="Middle Click" type="string" />
|
|
<Option opt={options.bar.customModules.power.scrollUp} title="Scroll Up" type="string" />
|
|
<Option opt={options.bar.customModules.power.scrollDown} title="Scroll Down" type="string" />
|
|
</box>
|
|
</scrollable>
|
|
);
|
|
};
|