Telegram MainButton should react on Enter press

kubk · Nov 6, 2023 · 5e30f9a · 5e30f9a
1 parent 426bdf3
commit 5e30f9a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/src/lib/rollbar/rollbar.tsx b/src/lib/rollbar/rollbar.tsx
@@ -1,5 +1,5 @@
 export const reportHandledError = (description: string, e: any, info?: any) => {
   console.error(e);
   // @ts-ignore
-  Rollbar.error(description, e, info)
-}
+  Rollbar.error(description, e, info);
+};
diff --git a/src/lib/telegram/use-main-button.tsx b/src/lib/telegram/use-main-button.tsx
@@ -1,5 +1,6 @@
 import { useMount } from "../react/use-mount.ts";
 import WebApp from "@twa-dev/sdk";
+import { useHotkeys } from "react-hotkeys-hook";
 
 export const useMainButton = (
   text: string,
@@ -23,4 +24,14 @@ export const useMainButton = (
       WebApp.MainButton.hideProgress();
     };
   });
+
+  useHotkeys("enter", () => {
+    if (condition !== undefined) {
+      if (!condition()) {
+        return;
+      }
+    }
+
+    onClick();
+  });
 };
diff --git a/src/screens/deck-form/card-form-view.tsx b/src/screens/deck-form/card-form-view.tsx
@@ -23,11 +23,11 @@ export const CardFormView = observer((props: Props) => {
     >
       <h3 className={css({ textAlign: "center" })}>Add card</h3>
       <Label text={"Front"}>
-        <Input {...cardForm.front.props} rows={7} type={"textarea"} />
+        <Input {...cardForm.front.props} rows={5} type={"textarea"} />
       </Label>
 
       <Label text={"Back"}>
-        <Input {...cardForm.back.props} rows={7} type={"textarea"} />
+        <Input {...cardForm.back.props} rows={5} type={"textarea"} />
       </Label>
     </div>
   );