aboutsummaryrefslogtreecommitdiff
path: root/src/plugins/imageZoom/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/plugins/imageZoom/index.tsx')
-rw-r--r--src/plugins/imageZoom/index.tsx98
1 files changed, 48 insertions, 50 deletions
diff --git a/src/plugins/imageZoom/index.tsx b/src/plugins/imageZoom/index.tsx
index 6014756..d65df08 100644
--- a/src/plugins/imageZoom/index.tsx
+++ b/src/plugins/imageZoom/index.tsx
@@ -76,56 +76,54 @@ export const settings = definePluginSettings({
const imageContextMenuPatch: NavContextMenuPatchCallback = (children, _) => {
- if (!children.some(child => child?.props?.id === "image-zoom")) {
- children.push(
- <Menu.MenuGroup id="image-zoom">
- {/* thanks SpotifyControls */}
- <Menu.MenuControlItem
- id="zoom"
- label="Zoom"
- control={(props, ref) => (
- <Menu.MenuSliderControl
- ref={ref}
- {...props}
- minValue={1}
- maxValue={50}
- value={settings.store.zoom}
- onChange={debounce((value: number) => settings.store.zoom = value, 100)}
- />
- )}
- />
- <Menu.MenuControlItem
- id="size"
- label="Lens Size"
- control={(props, ref) => (
- <Menu.MenuSliderControl
- ref={ref}
- {...props}
- minValue={50}
- maxValue={1000}
- value={settings.store.size}
- onChange={debounce((value: number) => settings.store.size = value, 100)}
- />
- )}
- />
- <Menu.MenuControlItem
- id="zoom-speed"
- label="Zoom Speed"
- control={(props, ref) => (
- <Menu.MenuSliderControl
- ref={ref}
- {...props}
- minValue={0.1}
- maxValue={5}
- value={settings.store.zoomSpeed}
- onChange={debounce((value: number) => settings.store.zoomSpeed = value, 100)}
- renderValue={(value: number) => `${value.toFixed(3)}x`}
- />
- )}
- />
- </Menu.MenuGroup>
- );
- }
+ children.push(
+ <Menu.MenuGroup id="image-zoom">
+ {/* thanks SpotifyControls */}
+ <Menu.MenuControlItem
+ id="zoom"
+ label="Zoom"
+ control={(props, ref) => (
+ <Menu.MenuSliderControl
+ ref={ref}
+ {...props}
+ minValue={1}
+ maxValue={50}
+ value={settings.store.zoom}
+ onChange={debounce((value: number) => settings.store.zoom = value, 100)}
+ />
+ )}
+ />
+ <Menu.MenuControlItem
+ id="size"
+ label="Lens Size"
+ control={(props, ref) => (
+ <Menu.MenuSliderControl
+ ref={ref}
+ {...props}
+ minValue={50}
+ maxValue={1000}
+ value={settings.store.size}
+ onChange={debounce((value: number) => settings.store.size = value, 100)}
+ />
+ )}
+ />
+ <Menu.MenuControlItem
+ id="zoom-speed"
+ label="Zoom Speed"
+ control={(props, ref) => (
+ <Menu.MenuSliderControl
+ ref={ref}
+ {...props}
+ minValue={0.1}
+ maxValue={5}
+ value={settings.store.zoomSpeed}
+ onChange={debounce((value: number) => settings.store.zoomSpeed = value, 100)}
+ renderValue={(value: number) => `${value.toFixed(3)}x`}
+ />
+ )}
+ />
+ </Menu.MenuGroup>
+ );
};
export default definePlugin({