Fix bug with update checker & only show update button if out of date

frontend/package.json.md5

@@ -1 +1 @@
-32f43ced626aca09dfb9534fe4338f6a
+32f43ced626aca09dfb9534fe4338f6a

frontend/src/Components/StatusBar/UpdateStatus/UpdateStatus.vue

@@ -7,7 +7,11 @@
 		</span>
 		</div>
 
-		<button @click="$modals.show('updates:info')" class="bg-main-400 flex flex-row items-center px-2 py-0.5 space-x-1 ">
+		<button
+			v-if="$app.$updater.hasUpdateAvailable"
+			@click="$modals.show('updates:info')"
+			class="bg-main-400 flex flex-row items-center px-2 py-0.5 space-x-1 "
+		>
 			<span class="font-semibold text-xs text-white">
 				Update Available
 			</span>

frontend/src/Components/StatusBar/UpdateStatus/UpdateStatusDot.vue

@@ -4,11 +4,15 @@
 
 <script setup lang="ts">
 import {computed} from "vue";
-import {app} from "../../../Stores/AppStore";
+import {app} from "@/Stores/AppStore";
 
 const dotBg = computed(() => {
 	const update = app.$updater.info;
 
+	if (!update) {
+		return "bg-green-500";
+	}
+
 	if (update.version.major > app.$updater.currentVersion.major) {
 		return "bg-red-500";
 	}

frontend/src/Services/Updater/Updater.ts

@@ -61,6 +61,14 @@ export class Updater {
 		this.state.hide = value;
 	}
 
+	get hasUpdateAvailable() {
+		if(!this.state.info) {
+			return false;
+		}
+
+		return this.state.info.version.compare(this.state.current) === 1;
+	}
+
 	get currentVersion() {
 		return this.state.current;
 	}