version number in menu using tauri js api

src/AppMenu.tsx

@@ -26,6 +26,7 @@ import { toast } from "react-toastify";
 import { dialog, invoke, path } from "@tauri-apps/api";
 
 import SettingsModal from "./components/config/SettingsModal";
+import { version } from "./util/version";
 
 type Props = {};
 
@@ -118,7 +119,7 @@ class AppMenu extends Component<Props, State> {
                 <MenuIcon></MenuIcon>
               </IconButton>
             </Tooltip>
-            Choreo
+            Choreo v{version}
           </div>
           <List style={{ paddingBottom: "50px", paddingTop: "0px" }}>
             {/* Document Settings (open the robot config, etc modal) */}

src/util/version.ts

@@ -0,0 +1,5 @@
+import { getVersion } from "@tauri-apps/api/app";
+
+export let version: string = "unknown";
+
+getVersion().then((v) => (version = v));