fix: improve window size management

tolgee · Jun 7, 2024 · e8c3c92 · e8c3c92
1 parent 862e83c
commit e8c3c92
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/ui/views/PageSetup/PageSetup.tsx b/src/ui/views/PageSetup/PageSetup.tsx
@@ -14,11 +14,15 @@ import {
 } from "@create-figma-plugin/ui";
 import { Fragment, FunctionComponent, h } from "preact";
 import { useState } from "preact/hooks";
+import { useWindowSize } from "@/ui/hooks/useWindowSize";
+import { COMPACT_SIZE } from "@/ui/state/sizes";
 
 export const PageSetup: FunctionComponent = () => {
   const config = useGlobalState((c) => c.config) || {};
   const { setRoute, setConfig } = useGlobalActions();
 
+  useWindowSize(COMPACT_SIZE);
+
   const [settings, setSettings] = useState<
     Partial<CurrentPageSettings> | undefined
   >({ language: "" });

diff --git a/src/ui/views/Settings/Settings.tsx b/src/ui/views/Settings/Settings.tsx
@@ -20,6 +20,7 @@ import { TopBar } from "../../components/TopBar/TopBar";
 import styles from "./Settings.css";
 import { ProjectSettings } from "./ProjectSettings";
 import { useQueryClient } from "react-query";
+import { useWindowSize } from "@/ui/hooks/useWindowSize";
 
 const DEFAULT_TOLGEE_URL = "https://app.tolgee.io";
 
@@ -46,6 +47,8 @@ export const Settings: FunctionComponent<Props> = ({ noNavigation }) => {
     },
   });
 
+  useWindowSize({ width: 500, height: 500 });
+
   const [validated, setValidated] = useState(false);
 
   const { setRoute, setConfig, resetConfig } = useGlobalActions();