foss/excalidraw
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

penMode

Browse Source
This commit is contained in:
Zsolt Viczian 2022-03-20 17:07:25 +01:00
parent 0ecb53e2f2
commit 24d7380333
2 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Actions.tsx
View File

@ -193,7 +193,7 @@ export const ShapesSwitcher = ({
onImageAction: (data: { pointerType: PointerType | null }) => void;
appState: AppState;
}) => {
const deviceType = useDeviceType();
const penDetected = useDeviceType().penDetected;
return (
<>
{SHAPES.map(({ value, icon, key }, index) => {
@ -216,13 +216,12 @@ export const ShapesSwitcher = ({
aria-keyshortcuts={shortcut}
data-testid={value}
onChange={({ pointerType }) => {
if (!deviceType.penDetected && pointerType === "pen") {
setAppState({ penMode: true });
}
setAppState({
elementType: value,
multiElement: null,
selectedElementIds: {},
penMode:
(!penDetected && pointerType === "pen") ?? appState.penMode,
});
setCursorForShape(canvas, { ...appState, elementType: value });
if (value === "image") {

6
src/components/App.tsx
View File

@ -2867,11 +2867,7 @@ class App extends React.Component<AppProps, AppState> {
//the user can disable this by toggling the penMode button
if (!this.deviceType.penDetected && event.pointerType === "pen") {
this.deviceType = updateObject(this.deviceType, { penDetected: true });
this.setState((prevState) => {
return {
penMode: true,
};
});
this.setState({ penMode: true });
}
if (