Add keyboard shortcut info

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "last_snow",
-    "version": "0.4.3"
+    "version": "0.4.4"
   },
   "plugins": {
     "fs": {

src/App.tsx

@@ -23,7 +23,7 @@ import {
   useRef,
   useState,
 } from "react";
-import { ActionButton, LanguageDrawer } from "./components";
+import { ActionButton, KeyboardHint, LanguageDrawer } from "./components";
 import { DIM, LANGUAGES, LOGIC } from "./const";
 import { info, warn } from "@tauri-apps/plugin-log";
 import { Store } from "@tauri-apps/plugin-store";
@@ -191,9 +191,12 @@ export default function App() {
               onCompositionEnd={() => setIsComposing(false)}
               onKeyDown={suppressTab}
             />
-            <Text ml="auto">
-              {formik.values.text.length} / {max_len}
-            </Text>
+            <HStack justifyContent="space-between" alignItems="start">
+              <KeyboardHint language={formik.values.language} />
+              <Text>
+                {formik.values.text.length} / {max_len}
+              </Text>
+            </HStack>
           </Flex>
         </Container>
         <VStack w={DIM.SIDE_BAR} h={DIM.HEIGHT} justifyContent="space-around">

src/components/KeyboardHint.tsx

@@ -0,0 +1,23 @@
+import { Kbd, Text } from "@chakra-ui/react";
+
+export const KeyboardHint = ({ language }: { language: string }) => {
+  console.log(language);
+
+  if (language === "jp") {
+    return (
+      <Text>
+        <Kbd>Ctrl</Kbd>+<Kbd>Shift</Kbd>+<Kbd>.</Kbd> - circle Kana mode{" "}
+        <Kbd>Space</Kbd> - circle suggestions
+      </Text>
+    );
+  } else if (language === "cn") {
+    return (
+      <Text>
+        <Kbd>Ctrl</Kbd>+<Kbd>Shift</Kbd>+<Kbd>f</Kbd> toggle
+        Traditional/Simplified Chinese
+      </Text>
+    );
+  }
+
+  return <Text></Text>;
+};

src/components/index.ts

@@ -1,3 +1,4 @@
 export * from "./ActionButton";
+export * from "./KeyboardHint";
 export * from "./LanguageButton";
 export * from "./LanguageDrawer";