From 284453b0ddca5c5c0b94a91e0f4fe6ba4f3250f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ioan=20Biz=C4=83u?= <i@ibz.me>
Date: Wed, 14 Feb 2024 13:20:02 +0200
Subject: [PATCH] Fixes to update page.

---
 .../settings/{Version.svelte => App.svelte}   | 27 +++++++++++--------
 .../src/routes/account/settings/+page.svelte  | 10 +++----
 2 files changed, 21 insertions(+), 16 deletions(-)
 rename web/backoffice/src/lib/components/settings/{Version.svelte => App.svelte} (53%)

diff --git a/web/backoffice/src/lib/components/settings/Version.svelte b/web/backoffice/src/lib/components/settings/App.svelte
similarity index 53%
rename from web/backoffice/src/lib/components/settings/Version.svelte
rename to web/backoffice/src/lib/components/settings/App.svelte
index d48f6aae..deaeb20d 100644
--- a/web/backoffice/src/lib/components/settings/Version.svelte
+++ b/web/backoffice/src/lib/components/settings/App.svelte
@@ -23,7 +23,7 @@
     let updateButtonActive = version !== lastVersion && !inRequest;
 
     onMount(async () => {
-        getStatus((v, lv) => { version = v; });
+        getStatus((v, lv) => { version = v; lastVersion = lv; });
     });
 </script>
 
@@ -31,18 +31,23 @@
     <div class="text-2xl breadcrumbs">
         <ul>
             <li>Settings</li>
-            <li>Version</li>
+            <li>App</li>
         </ul>
     </div>
 {:else}
-    <h2 class="text-2xl">Version</h2>
+    <h2 class="text-2xl">App</h2>
 {/if}
 
-<div class="w-full flex items-center justify-center mt-8">
-    <p class="text-2xl">You are currently running Plebeian Market {version}.</p>
-    <p class="text-2xl">The last available version is {lastVersion}.</p>
-</div>
-
-<div class="flex justify-center items-center mt-4 h-15">
-    <button id="update-pm" class="btn btn-primary" class:btn-disabled={!updateButtonActive} on:click|preventDefault={update}>Update</button>
-</div>
+{#if version !== null && lastVersion !== null}
+    <div class="items-center justify-center mt-8">
+        <p class="text-2xl">You are currently running<br /><strong>Plebeian Market {version}</strong>.</p>
+        <p class="text-2xl mt-4">The last available version is <strong>{lastVersion}</strong>.</p>
+    </div>
+    <div class="flex justify-center items-center mt-8 h-15">
+        <button id="update-pm" class="btn btn-primary" class:btn-disabled={!updateButtonActive} on:click|preventDefault={update}>Update</button>
+    </div>
+{:else}
+    <div class="items-center justify-center mt-8">
+        <p class="text-2xl">Running <strong>Plebeian Market</strong>.</p>
+    </div>
+{/if}
\ No newline at end of file
diff --git a/web/backoffice/src/routes/account/settings/+page.svelte b/web/backoffice/src/routes/account/settings/+page.svelte
index a84bacd2..36c48640 100644
--- a/web/backoffice/src/routes/account/settings/+page.svelte
+++ b/web/backoffice/src/routes/account/settings/+page.svelte
@@ -11,7 +11,7 @@
     import Nostr from "$lib/components/settings/Nostr.svelte";
     import Login from "$lib/components/settings/Login.svelte";
     import V4V from "$lib/components/settings/V4V.svelte";
-    import Version from "$lib/components/settings/Version.svelte";
+    import App from "$lib/components/settings/App.svelte";
     import Wallet from "$lib/components/settings/Wallet.svelte";
     import { goto } from '$app/navigation';
 
@@ -21,8 +21,8 @@
     let NOSTR_PAGE = "Nostr";
     let LOGIN_PAGE = "Login";
     let V4V_PAGE = "Value 4 Value";
-    let VERSION_PAGE = "Version";
-    let pages = [STALL_PAGE, LOGIN_PAGE, WALLET_PAGE, EMAIL_PAGE, NOSTR_PAGE, V4V_PAGE, VERSION_PAGE];
+    let APP_PAGE = "App";
+    let pages = [STALL_PAGE, LOGIN_PAGE, WALLET_PAGE, EMAIL_PAGE, NOSTR_PAGE, V4V_PAGE, APP_PAGE];
     let WALLET_PAGE_INDEX = pages.indexOf(WALLET_PAGE);
     let currentPage: string | null = null;
 
@@ -72,8 +72,8 @@
                     <Login />
                 {:else if currentPage === V4V_PAGE}
                     <V4V />
-                {:else if currentPage === VERSION_PAGE}
-                    <Version />
+                {:else if currentPage === APP_PAGE}
+                    <App />
                 {/if}
             </div>
         </div>