97dda4dbe8
- Added WINDOW_FULLSCREEN_CHANGED and WINDOW_IS_FULLSCREEN constants for fullscreen state management. - Enhanced main window to notify the renderer when entering or leaving fullscreen mode. - Implemented IPC handlers to check fullscreen status and notify changes to the renderer. - Introduced useFullScreen hook in the renderer to manage fullscreen state and adjust UI accordingly. These changes improve user experience by allowing dynamic adjustments to the UI based on fullscreen status.
38 lines
971 B
TypeScript
38 lines
971 B
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
import { api, isElectronMode } from '@renderer/api';
|
|
|
|
/**
|
|
* Returns whether the window is in native fullscreen (macOS green button).
|
|
* When true, traffic light padding should be 0 so content can use the full width.
|
|
*/
|
|
export function useFullScreen(): boolean {
|
|
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (!isElectronMode()) return;
|
|
|
|
const { isFullScreen: isFullScreenFn } = api.windowControls;
|
|
if (typeof isFullScreenFn !== 'function') return;
|
|
|
|
let cancelled = false;
|
|
|
|
void isFullScreenFn().then((full) => {
|
|
if (!cancelled) setIsFullScreen(full);
|
|
});
|
|
|
|
const unsub =
|
|
typeof api.onFullScreenChange === 'function'
|
|
? api.onFullScreenChange((full) => {
|
|
if (!cancelled) setIsFullScreen(full);
|
|
})
|
|
: () => {};
|
|
|
|
return () => {
|
|
cancelled = true;
|
|
unsub();
|
|
};
|
|
}, []);
|
|
|
|
return isFullScreen;
|
|
}
|