Consolidate banner boolean to one place

microbiomedata · Oct 17, 2024 · 0bdfbf6 · 0bdfbf6
1 parent e81b583
commit 0bdfbf6
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 13 deletions.
diff --git a/web/src/components/AppBanner.vue b/web/src/components/AppBanner.vue
@@ -1,5 +1,17 @@
+<script lang="ts">
+import { defineComponent, ref } from '@vue/composition-api';
+
+export default defineComponent({
+  setup() {
+    const showAppBanner = ref(true);
+    return { showAppBanner };
+  },
+});
+</script>
+
 <template>
   <v-banner
+    v-if="showAppBanner"
     color="blue"
     dark
     icon="mdi-information"

diff --git a/web/src/store/index.ts b/web/src/store/index.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import CompositionApi, {
-  computed, ComputedRef, reactive, toRefs, watchEffect,
+  computed, ComputedRef, ref, reactive, toRefs, watchEffect,
 } from '@vue/composition-api';
 import { noop, uniqWith } from 'lodash';
 import VueRouter from 'vue-router';
@@ -200,10 +200,13 @@ function acceptTerms() {
 
 const stateRefs = toRefs(state);
 
+const showAppBanner = ref(true);
+
 export {
   stateRefs,
   dataObjectFilter,
   unreactive,
+  showAppBanner,
   acceptTerms,
   getTreeData,
   init,

diff --git a/web/src/views/IndividualResults/SamplePage.vue b/web/src/views/IndividualResults/SamplePage.vue
@@ -36,8 +36,7 @@ export default defineComponent({
 
 <template>
   <v-main v-if="result.id">
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container fluid>
       <IndividualTitle :item="result" />
       <AttributeList

diff --git a/web/src/views/IndividualResults/StudyPage.vue b/web/src/views/IndividualResults/StudyPage.vue
@@ -235,8 +235,7 @@ export default defineComponent({
 <template>
   <v-container fluid>
     <v-main v-if="item !== null">
-      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-      <AppBanner v-if="true" />
+      <AppBanner />
       <v-row :class="{'flex-column': $vuetify.breakpoint.xs}">
         <v-col
           cols="12"

diff --git a/web/src/views/Search/SearchLayout.vue b/web/src/views/Search/SearchLayout.vue
@@ -215,8 +215,7 @@ export default defineComponent({
         background-opacity="0"
         style="position: fixed; top: 64; z-index: 2;"
       />
-      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-      <AppBanner v-if="true" />
+      <AppBanner />
       <v-container
         fluid
         class="py-0"

diff --git a/web/src/views/SubmissionPortal/SubmissionView.vue b/web/src/views/SubmissionPortal/SubmissionView.vue
@@ -55,8 +55,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container
       v-if="!stateRefs.user.value && !req.loading.value"
     >

diff --git a/web/src/views/User/UserDetailPage.vue b/web/src/views/User/UserDetailPage.vue
@@ -61,8 +61,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container>
       <div v-if="userLoading">
         Loading...

diff --git a/web/src/views/User/UserPage.vue b/web/src/views/User/UserPage.vue
@@ -48,8 +48,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container>
       <v-card flat>
         <v-card-title class="text-h4">