mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
4d3222ee96
- Move stores/utils/types to their relative directories (i.e chat stores in chat directory) - Move utility files to shared/utils - Move component files to shared/components - Move type definitions to shared/types - Move stores to shared/stores - Update import paths across the project
19 lines
498 B
TypeScript
19 lines
498 B
TypeScript
import { useState, useEffect } from 'react';
|
|
|
|
const useViewport = (threshold = 1024) => {
|
|
const [isSmallViewport, setIsSmallViewport] = useState(window.innerWidth < threshold);
|
|
|
|
useEffect(() => {
|
|
const handleResize = () => setIsSmallViewport(window.innerWidth < threshold);
|
|
window.addEventListener('resize', handleResize);
|
|
|
|
return () => {
|
|
window.removeEventListener('resize', handleResize);
|
|
};
|
|
}, [threshold]);
|
|
|
|
return isSmallViewport;
|
|
};
|
|
|
|
export default useViewport;
|