fix: display ironOS build version

builder555 · Apr 9, 2023 · 095f7c0 · 095f7c0
1 parent b07d7c5
commit 095f7c0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -27,7 +27,12 @@ onBeforeUnmount(() => {
  <the-notification v-model="store.error" />
  <div class="columns">
  <div class="column is-half is-full-mobile">
- <the-name-display :name="info.name" :is-new-available="appInfo?.is_new_available"/>
+ <the-name-display
+ :name="info.name"
+ :build="info.build"
+ :is-new-pinesam-available="appInfo?.is_new_available"
+ :is-new-build-available="info?.is_new_build_available"
+ />
  </div>
  <div v-show="store.isBusy" class="spinner"><div></div></div>
  <div class="column is-half is-full-mobile has-text-right-tablet has-text-left"></div>

diff --git a/ui/src/components/TheNameDisplay.vue b/ui/src/components/TheNameDisplay.vue
@@ -1,14 +1,19 @@
 <script setup>
 import { ref } from 'vue';
-defineProps(['name', 'isNewAvailable']);
+defineProps(['name', 'build', 'isNewPinesamAvailable', 'isNewBuildAvailable']);
 const isNameHidden = ref(true);
 </script>
 <template>
- <div v-if="isNewAvailable" class="new-available restore-click"><a href="https://github.com/builder555/PineSAM/releases/latest" target="_blank">New Version Available</a></div>
+ <div class="new-available restore-click">
+ <a v-if="isNewPinesamAvailable" href="https://github.com/builder555/PineSAM/releases/latest" target="_blank">New PineSAM Available</a>
+ &nbsp;<a v-if="isNewBuildAvailable" href="https://github.com/Ralim/IronOS/releases/latest" target="_blank">New IronOS Available</a>
+ </div>
  <h1 class="title">
  <a class="restore-click" @click="isNameHidden = !isNameHidden || !name">
  <span class="accent" v-if="isNameHidden">PineSAM</span>
- <span class="accent small" v-else>{{ name }}</span>
+ <span class="accent small" v-else>
+ {{ name }} <span class="smaller" v-if="build">(build {{ build }})</span>
+ </span>
  </a>
  </h1>
 </template>
@@ -23,6 +28,9 @@ h1 {
 .small {
  font-size: 0.8em;
 }
+.smaller {
+ font-size: 0.6em;
+}
 .new-available {
  position:absolute;
  font-size: 0.7rem;