marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-13 20:39:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

moved penMode from state to context

Browse Source
This commit is contained in:
Zsolt Viczian
2022-03-20 11:36:02 +01:00
parent ceb43ed8fb
commit cf8024bdc0
6 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/App.tsx
View File

@@ -258,6 +258,7 @@ import {
const defaultDeviceTypeContext: DeviceType = {
isMobile: false,
isTouchScreen: false,
penDetected: false,
};
const DeviceTypeContext = React.createContext(defaultDeviceTypeContext);
export const useDeviceType = () => useContext(DeviceTypeContext);
@@ -295,6 +296,7 @@ class App extends React.Component<AppProps, AppState> {
deviceType: DeviceType = {
isMobile: false,
isTouchScreen: false,
penDetected: false,
};
detachIsMobileMqHandler?: () => void;
@@ -2863,11 +2865,11 @@ class App extends React.Component<AppProps, AppState> {
//fires only once, if pen is detected, penMode is enabled
//the user can disable this by toggling the penMode button
if (!this.state.penDetected && event.pointerType === "pen") {
if (!this.deviceType.penDetected && event.pointerType === "pen") {
this.deviceType = updateObject(this.deviceType, { penDetected: true });
this.setState((prevState) => {
return {
penMode: true,
penDetected: true,
};
});
}