|
|
@@ -1,4 +1,4 @@
|
|
|
-import React, { FC } from 'react';
|
|
|
+import React, { FC, useCallback, useEffect } from 'react';
|
|
|
|
|
|
import nodePath from 'path';
|
|
|
|
|
|
@@ -73,6 +73,16 @@ export const NewPageInput: FC<NewPageInputProps> = (props) => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
+ const onPressEscHandler = useCallback((event) => {
|
|
|
+ if (event.keyCode === 27) {
|
|
|
+ setNewPageInputShown(false);
|
|
|
+ }
|
|
|
+ }, []);
|
|
|
+
|
|
|
+ useEffect(() => {
|
|
|
+ document.addEventListener('keydown', onPressEscHandler, false);
|
|
|
+ }, [onPressEscHandler]);
|
|
|
+
|
|
|
return (
|
|
|
<>
|
|
|
{isEnableActions && isNewPageInputShown && (
|