From 35364a7f8a0105fbfa76c3f3918ebe03a87f456c Mon Sep 17 00:00:00 2001
From: hexxa <hexxa@outlook.com>
Date: Tue, 5 Apr 2022 17:14:18 +0800
Subject: [PATCH] fix(fe/panel_files): enable hotkey for mkdir

---
 src/client/web/src/components/panel_files.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/client/web/src/components/panel_files.tsx b/src/client/web/src/components/panel_files.tsx
index 4e42a4b..a2de647 100644
--- a/src/client/web/src/components/panel_files.tsx
+++ b/src/client/web/src/components/panel_files.tsx
@@ -174,6 +174,14 @@ export class FilesPanel extends React.Component<Props, State, {}> {
     this.props.update(updater().updateUploadingsInfo);
   };
 
+  mkDirFromKb = async (
+    event: React.KeyboardEvent<HTMLInputElement>
+  ): Promise<void> => {
+    if (event.key === "Enter") {
+      return await this.mkDir();
+    }
+  };
+
   mkDir = async () => {
     if (this.state.newFolderName === "") {
       Env().alertMsg(this.props.msg.pkg.get("browser.folder.add.fail"));
@@ -719,6 +727,7 @@ export class FilesPanel extends React.Component<Props, State, {}> {
               <input
                 type="text"
                 onChange={this.onNewFolderNameChange}
+                onKeyUp={this.mkDirFromKb}
                 value={this.state.newFolderName}
                 placeholder={this.props.msg.pkg.get("browser.folder.name")}
                 className="inline-block"