fix: remove zoom due to UI issues

closes #78

Author: macjuul

src/components/App/index.tsx

@@ -3,14 +3,12 @@ import { ActionIcon, Box, Global, Group, Image, MantineProvider, Paper, Text, Tr
 import surrealistIcon from '~/assets/icon.png';
 import { NotificationsProvider } from "@mantine/notifications";
 import { Scaffold } from "../Scaffold";
-import { useHotkeys } from "@mantine/hooks";
 import { actions, store, useStoreValue } from "~/store";
 import { useSurrealistTheme } from "~/util/theme";
 import { mdiClose } from "@mdi/js";
 import { Icon } from "../Icon";
 import { useStable } from "~/hooks/stable";
 import { MouseEvent } from "react";
-import { updateConfig, updateZoom } from "~/util/helpers";
 import { open } from "@tauri-apps/api/shell";
 
 export function App() {
@@ -32,19 +30,6 @@ export function App() {
 		closeUpdate(); 
 	});
 
-	useHotkeys([
-		['ctrl+equal', () => {
-			store.dispatch(actions.increaseZoomLevel());
-			updateConfig();
-			updateZoom();
-		}],
-		['ctrl+minus', () => {
-			store.dispatch(actions.decreaseZoomLevel());
-			updateConfig();
-			updateZoom();
-		}]
-	], []);
-
 	return (
 		<MantineProvider
 			withGlobalStyles

src/components/Splitter/index.tsx

@@ -29,7 +29,6 @@ export function Splitter(props: SplitterProps) {
 	const isHorizontal = props.direction !== 'vertical';
 	const contents: React.ReactNode[] = [];
 	const containerRef = useRef<HTMLDivElement | null>(null);
-	const zoomLevel = useStoreValue(state => state.config.zoomLevel);
 	const leftPane = useRef<any>();
 	const rightPane = useRef<any>();
 	const frameId = useRef(0);
@@ -99,9 +98,6 @@ export function Splitter(props: SplitterProps) {
 			cancelAnimationFrame(frameId.current);
 
 			frameId.current = requestAnimationFrame(() => {
-				x /= zoomLevel;
-				y /= zoomLevel;
-
 				const bounds = containerRef.current!.getBoundingClientRect();
 				const value = isHorizontal ? x - bounds.left : y - bounds.top;
 				const total = isHorizontal ? bounds.width : bounds.height;

src/index.tsx

@@ -7,7 +7,7 @@ import { App } from './components/App';
 import { loader } from '@monaco-editor/react';
 import { initializeEditor } from './util/editor';
 import { runUpdateChecker } from './util/updater';
-import { updateTitle, updateZoom, watchNativeTheme } from './util/helpers';
+import { updateTitle, watchNativeTheme } from './util/helpers';
 import { adapter } from './adapter';
 
 dayjs.extend(relativeTime);
@@ -24,9 +24,6 @@ if (adapter.isUpdateCheckSupported && updateChecker) {
 	runUpdateChecker(lastPromptedVersion, false);
 }
 
-// Apply zoom level
-updateZoom();
-
 // Apply initial title
 updateTitle();
 

src/store.tsx

@@ -247,14 +247,6 @@ const mainSlice = createSlice({
 			state.config.resultListing = action.payload;
 		},
 
-		increaseZoomLevel(state) {
-			state.config.zoomLevel = Math.min(state.config.zoomLevel + 0.1, 2);
-		},
-
-		decreaseZoomLevel(state) {
-			state.config.zoomLevel = Math.max(state.config.zoomLevel - 0.1, 0.5);
-		},
-
 		setDatabaseSchema(state, action: PayloadAction<TableDefinition[]>) {
 			state.databaseSchema = action.payload;
 		},

src/types.tsx

@@ -33,7 +33,6 @@ export interface SurrealistConfig {
 	updateChecker: boolean;
 	queryListing: QueryListing;
 	resultListing: ResultListing;
-	zoomLevel: number;
 	errorChecking: boolean;
 	lastPromptedVersion: string | null;
 	tabSearch: boolean;

src/util/config.tsx

@@ -23,7 +23,6 @@ export function createBaseConfig(): SurrealistConfig {
 		updateChecker: true,
 		queryListing: 'history',
 		resultListing: 'json',
-		zoomLevel: 1,
 		errorChecking: true,
 		lastPromptedVersion: null,
 		tabSearch: false

src/util/helpers.tsx

@@ -42,15 +42,6 @@ export async function updateConfig() {
 	return adapter.saveConfig(JSON.stringify(store.getState().config));
 }
 
-/**
- * Apply the current zoom level to the document
- */
-export function updateZoom() {
-	const zoom = store.getState().config.zoomLevel;
-
-	(document.documentElement.style as any).zoom = `${zoom}`;
-}
-
 /**
  * Watch for changes to the native theme
  */