alemi/upub
alemi/upub
1
0
Fork 1
Code Issues 4 Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat(web): show BE and FE versions differently

Browse source 
BE version must be fetched from BE nodeinfo but I think we can afford an
extra request :p
This commit is contained in:
əlemi 2024-12-28 19:06:43 +01:00
parent ff1fbc0c94
commit 44232ede58
Signed by: alemi
GPG key ID: A4895B84D311642C
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/src/app.rs
View file

@ -81,6 +81,22 @@ pub fn App() -> impl IntoView {
let auth = Auth { token, userid };
let (be_version, set_be_version) = create_signal("?.?.?".to_string());
spawn_local(async move {
match Http::fetch::<serde_json::Value>(&format!("{URL_BASE}/nodeinfo/2.0.json"), auth).await {
Err(e) => tracing::error!("failed fetching backend version: {e} - {e:?}"),
Ok(nodeinfo) => {
if let Some(version) = nodeinfo
.get("software")
.and_then(|x| x.get("version"))
.and_then(|x| x.as_str())
{
set_be_version.set(version.to_string());
}
},
}
});
let username = auth.userid.get_untracked()
.map(|x| x.split('/').last().unwrap_or_default().to_string())
.unwrap_or_default();
@ -206,7 +222,7 @@ pub fn App() -> impl IntoView {
</div>
<footer>
<div class="sep-top">
<span class="footer" >"\u{26fc} woven under moonlight :: "<a class="clean" href="https://join.upub.social/" target="_blank" >"upub v"{crate::VERSION}</a>" :: "<a class="clean" href=format!("mailto:{CONTACT}")>contact</a>" :: "<a class="clean" href="/web/dev">dev</a>" :: "<a class="clean" href="javascript:window.scrollTo({top:0, behavior:'smooth'})">top</a></span>
<span class="footer" >"\u{26fc} woven under moonlight :: "<a class="clean" href="https://join.upub.social/" target="_blank" >"μpub"</a>" FE v"{crate::VERSION}" BE v"{be_version}" :: "<a class="clean" href=format!("mailto:{CONTACT}")>contact</a>" :: "<a class="clean" href="/web/dev">dev</a>" :: "<a class="clean" href="javascript:window.scrollTo({top:0, behavior:'smooth'})">top</a></span>
</div>
</footer>
}