All files / src/hooks/playbooks useZoom.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import usePlaybookKey from "./usePlaybookKey";
 
function useZoom() {
  const [zoom, setZoom] = usePlaybookKey("zoomLevel");
 
  const onZoomChange = (viewport) => {
    setZoom(viewport.zoom);
  };
 
  const toolbarStyle = {
    transform: `scale(${zoom + 0.25})`,
    transition: "all 0.2s",
  };
 
  return { zoom, onZoomChange, toolbarStyle };
}
 
export default useZoom;