Version string and better self promo

Author: nomnomab

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "nomnom-unity-hub",
-    "version": "0.0.0"
+    "version": "1.0.0-beta"
   },
   "tauri": {
     "allowlist": {

src/components/main-sidebar.tsx

@@ -1,5 +1,6 @@
 import { ButtonHTMLAttributes, useContext } from "react";
 import { Context } from "../context/global-context";
+import { open } from "@tauri-apps/api/shell";
 
 export default function MainSidebar() {
 	// async function getPath() {
@@ -58,13 +59,12 @@ function Options() {
 
 			<p className="text-sm text-stone-400 select-none px-3">
 				Made by <br />
-				<a
-					href="https://github.com/nomnomab"
-					target="_blank"
-					className="text-stone-300 transition-colors hover:text-stone-50 hover:underline"
+				<span
+					className="text-stone-300 transition-colors hover:text-stone-50 hover:underline cursor-pointer"
+					onClick={() => open("https://github.com/nomnomab")}
 				>
 					Andrew Burke
-				</a>
+				</span>
 			</p>
 		</div>
 	);

src/components/settings-view.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from "react";
+import { Suspense, useContext, useEffect, useState } from "react";
 import {
 	ValidateInputContext,
 	ValidateInputWithButton,
@@ -7,6 +7,7 @@ import { invoke } from "@tauri-apps/api/tauri";
 import FolderOpen from "./svg/folder-open";
 import { open } from "@tauri-apps/api/dialog";
 import { Context, Prefs } from "../context/global-context";
+import { getVersion } from "@tauri-apps/api/app";
 
 type Props = {
 	overrideClassName?: string;
@@ -26,6 +27,12 @@ function Header() {
 		<div className="flex flex-row border-b border-b-stone-700 justify-center">
 			<div className="flex flex-row w-full max-w-6xl px-8 py-8 items-center select-none">
 				<h1 className="text-stone-50">Settings</h1>
+
+				<div className="ml-auto">
+					<Suspense>
+						<Version />
+					</Suspense>
+				</div>
 			</div>
 		</div>
 	);
@@ -242,3 +249,19 @@ function Body() {
 		</div>
 	);
 }
+
+function Version() {
+	const [version, setVersion] = useState("-");
+	const appVersionPromise = getVersion();
+
+	useEffect(() => {
+		const wait = async () => {
+			const version = await appVersionPromise;
+			setVersion(version);
+		};
+
+		wait();
+	}, []);
+
+	return <div className="text-md text-stone-400 select-none">v{version}</div>;
+}