move version info to about page

jameel-institute · Oct 28, 2024 · 50067b9 · 50067b9
1 parent e3ba44e
commit 50067b9
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 20 deletions.
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
@@ -19,7 +19,6 @@
           data-testid="ji-logo-header"
           style="width: 150px;"
           class="img-fluid"
-          :title="versionTooltipContent"
           src="~/assets/img/IMPERIAL_JAMEEL_INSTITUTE_LOCKUP-p-500.png"
           alt="Imperial College and Community Jameel logo"
         >
@@ -32,9 +31,6 @@
 import { CIcon } from "@coreui/icons-vue";
 import throttle from "lodash.throttle";
 
-defineProps<{
-  versionTooltipContent: string | undefined
-}>();
 defineEmits<{
   toggleSidebarVisibility: []
 }>();

diff --git a/components/SideBar.vue b/components/SideBar.vue
@@ -34,7 +34,6 @@
           <img
             data-testid="ji-logo-sidebar"
             class="img-fluid mb-1"
-            :title="versionTooltipContent"
             src="~/assets/img/IMPERIAL_JAMEEL_INSTITUTE_LOCKUP-p-500.png"
             alt="Imperial College and Community Jameel logo"
           >
@@ -47,9 +46,6 @@
 <script lang="ts" setup>
 import { CIcon } from "@coreui/icons-vue";
 
-defineProps<{
-  versionTooltipContent: string | undefined
-}>();
 const appStore = useAppStore();
 
 const visible = defineModel("visible", { type: Boolean, required: true });

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -3,10 +3,8 @@
     <!-- <WebsocketConnection /> -->
     <SideBar
       v-model:visible="sidebarVisible"
-      :version-tooltip-content="versionTooltipContent"
     />
     <AppHeader
-      :version-tooltip-content="versionTooltipContent"
       @toggle-sidebar-visibility="handleToggleSidebarVisibility"
     />
     <div class="wrapper d-flex flex-column">
@@ -30,15 +28,6 @@ function handleToggleSidebarVisibility() {
   sidebarVisible.value = !sidebarVisible.value;
 }
 
-const versionTooltipContent = computed(() => {
-  const vers = appStore.versions;
-  if (vers) {
-    return `Model version: ${vers.daedalusModel} \nR API version: ${vers.daedalusApi} \nWeb app version: ${vers.daedalusWebApp}`;
-  } else {
-    return undefined;
-  }
-});
-
 const setScreenSize = () => {
   const breakpoint = 992; // CoreUI's "lg" breakpoint
   if (window.innerWidth < breakpoint) {

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "daedalus-web-app",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": true,
   "engines": {
     "node": ">=20"

diff --git a/pages/about.vue b/pages/about.vue
@@ -127,6 +127,14 @@
       in Apache License via
       <a href="https://www.svgrepo.com/" target="_blank">SVG Repo</a>
     </p>
+    <template v-if="appStore.versions">
+      <h2>Version</h2>
+      <ul>
+        <li>Model version: {{ appStore.versions.daedalusModel }}</li>
+        <li>R API version: {{ appStore.versions.daedalusApi }}</li>
+        <li>Web app version: {{ appStore.versions.daedalusWebApp }}</li>
+      </ul>
+    </template>
     <h2>References</h2>
     <ol>
       <li>