feat(useWindowSize): added hook for screen size

src/common/index.js

@@ -24,6 +24,7 @@ const { default: useShell } = require('./useShell');
 const useStreamingServer = require('./useStreamingServer');
 const useTorrent = require('./useTorrent');
 const useTranslate = require('./useTranslate');
+const useWindowSize = require('./useWindowSize');
 
 module.exports = {
     FileDropProvider,
@@ -55,4 +56,5 @@ module.exports = {
     useStreamingServer,
     useTorrent,
     useTranslate,
+    useWindowSize,
 };

src/common/useWindowSize.js

@@ -0,0 +1,18 @@
+// Copyright (C) 2017-2025 Smart code 203358507
+
+const { useState, useEffect } = require('react');
+
+const useWindowSize = () => {
+    const [size, setSize] = useState({ width: window.innerWidth, height: window.innerHeight });
+
+    useEffect(() => {
+        const handleResize = () => setSize({ width: window.innerWidth, height: window.innerHeight });
+
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+
+    return size;
+};
+
+module.exports = useWindowSize;