Add more hotkeys to main view (see #14)

src/views/mainView.tsx

@@ -52,7 +52,7 @@ class MainView extends React.Component<Props, State> {
     toNewTask = () => this.props.history.push("/task/new");
     componentDidMount = () => {
         this.refetch();
-        document.addEventListener("keydown", this.handleCtrlF);
+        document.addEventListener("keydown", this.handleHotkeys);
     };
     componentDidUpdate = (prevProps: Props) => {
         if (prevProps.tasks !== this.props.tasks) {
@@ -61,11 +61,25 @@ class MainView extends React.Component<Props, State> {
             });
         }
     };
-    handleCtrlF = (event: KeyboardEvent) => {
+    handleHotkeys = (event: KeyboardEvent) => {
+        const search = document.getElementById("searchInput");
+        const searchFocused = document.activeElement === search;
         if ((event.ctrlKey || event.metaKey) && event.key === "f") {
             event.preventDefault();
-            const search = document.getElementById("searchInput");
             (search as HTMLElement).focus();
+        } else if (event.key === "n" && !searchFocused) {
+            event.preventDefault();
+            this.toNewTask();
+        } else if (event.key === "u" && !searchFocused) {
+            event.preventDefault();
+            this.refetch();
+        } else if (event.keyCode === 27 && searchFocused) {
+            // unfocus search on Esc press
+            (document.activeElement as HTMLElement).blur();
+            event.preventDefault();
+            this.setState({
+                search: "",
+            });
         }
     };
     render = () => {