From 6172167ea8950aff164943125670252bb8b875e3 Mon Sep 17 00:00:00 2001
From: Adrien <me@adrien.run>
Date: Mon, 22 Apr 2024 14:44:51 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20a=20parameter=20to=20the=20Wa?=
 =?UTF-8?q?llpaper=20widget=20to=20show=20the=20app=20version?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/loading.rs     | 4 +++-
 src/ui/components/wallpaper.rs   | 7 +++++--
 src/ui/components/wallpaper.scss | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/ui/components/loading.rs b/src/ui/components/loading.rs
index 3663c8c..e2aa62d 100644
--- a/src/ui/components/loading.rs
+++ b/src/ui/components/loading.rs
@@ -15,7 +15,9 @@ pub fn LoadingPage() -> Element {
         div {
             class: ClassName::LOADING,
 
-            Wallpaper {},
+            Wallpaper {
+                display_version: true
+            },
 
             div {
                 class: ClassName::LOADING_SPINNER,
diff --git a/src/ui/components/wallpaper.rs b/src/ui/components/wallpaper.rs
index cef1201..d880507 100644
--- a/src/ui/components/wallpaper.rs
+++ b/src/ui/components/wallpaper.rs
@@ -5,7 +5,10 @@ const GIT_VERSION: &str = git_version!();
 
 turf::style_sheet!("src/ui/components/wallpaper.scss");
 
-pub fn Wallpaper() -> Element {
+#[component]
+pub fn Wallpaper(display_version: Option<bool>) -> Element {
+    let version = display_version.map(|flag| if flag { Some(GIT_VERSION) } else { None });
+
     rsx! {
         style { {STYLE_SHEET} },
         div {
@@ -17,7 +20,7 @@ pub fn Wallpaper() -> Element {
 
             div {
                 class: ClassName::WALLPAPER_VERSION,
-                {GIT_VERSION},
+                {version},
             }
         }
     }
diff --git a/src/ui/components/wallpaper.scss b/src/ui/components/wallpaper.scss
index b23bf4b..1aea4d0 100644
--- a/src/ui/components/wallpaper.scss
+++ b/src/ui/components/wallpaper.scss
@@ -22,7 +22,7 @@
     &__version {
         position: absolute;
 
-        top: 97vh;
+        top: 97.5vh;
 
         font-size: 1.5vh;
         color: get-color(greyscale, 80);