From 7039f3640600a1a4c52c73639010250ffb4e56ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Sun, 24 Aug 2025 21:11:27 +0200 Subject: [PATCH] pl-fe: improve stuff sorry for not descriptive commit messages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: nicole mikołajczyk --- packages/pl-fe/src/hooks/use-is-mobile.ts | 4 +++- packages/pl-fe/src/is-mobile.ts | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/pl-fe/src/hooks/use-is-mobile.ts b/packages/pl-fe/src/hooks/use-is-mobile.ts index 2436954b8..3ff841371 100644 --- a/packages/pl-fe/src/hooks/use-is-mobile.ts +++ b/packages/pl-fe/src/hooks/use-is-mobile.ts @@ -1,6 +1,8 @@ +import { LAYOUT_BREAKPOINT } from 'pl-fe/is-mobile'; + import { useScreenWidth } from './use-screen-width'; export function useIsMobile() { const screenWidth = useScreenWidth(); - return screenWidth <= 581; + return screenWidth <= LAYOUT_BREAKPOINT; } diff --git a/packages/pl-fe/src/is-mobile.ts b/packages/pl-fe/src/is-mobile.ts index e72513407..e1376e96b 100644 --- a/packages/pl-fe/src/is-mobile.ts +++ b/packages/pl-fe/src/is-mobile.ts @@ -1,5 +1,5 @@ /** Breakpoint at which the application is considered "mobile". */ -const LAYOUT_BREAKPOINT = 630; +const LAYOUT_BREAKPOINT = 581; /** Check if the width is small enough to be considered "mobile". */ const isMobile = (width: number) => width <= LAYOUT_BREAKPOINT; @@ -12,4 +12,4 @@ const userTouching = window.matchMedia('(pointer: coarse)'); /** Whether the device is iOS (best guess). */ const isIOS = (): boolean => iOS; -export { isMobile, userTouching, isIOS }; +export { LAYOUT_BREAKPOINT, isMobile, userTouching, isIOS };