From cccd264efbadef941da955c3d1f0a29e261ddc9a Mon Sep 17 00:00:00 2001
From: athu-tran <63068972+athu-tran@users.noreply.github.com>
Date: Wed, 30 Oct 2024 14:39:11 -0400
Subject: [PATCH] hide cve id/record lookup

---
 src/components/cveRecordSearchModule.vue |  2 +-
 src/views/CVERecord/CVERecord.vue        |  4 ++--
 src/views/CVERecord/SearchResults.vue    | 10 +++++++---
 src/views/ResourcesSupport/FAQs.vue      |  7 ++++++-
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/cveRecordSearchModule.vue b/src/components/cveRecordSearchModule.vue
index 8289bd87..c8188114 100644
--- a/src/components/cveRecordSearchModule.vue
+++ b/src/components/cveRecordSearchModule.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-1">
-    <div role="alert" class="notification is-warning is-light">
+    <div v-if="websiteEnv !== 'prd'" role="alert" class="notification is-warning is-light">
       <div class="is-flex is-align-items-flex-start mt-1" style="max-width: 820px; column-gap: 1rem;">
         <div class="pl-3">
           <p id="alertIconVariousFormts" class="is-hidden">alert</p>
diff --git a/src/views/CVERecord/CVERecord.vue b/src/views/CVERecord/CVERecord.vue
index a7439b5a..304786ca 100644
--- a/src/views/CVERecord/CVERecord.vue
+++ b/src/views/CVERecord/CVERecord.vue
@@ -21,8 +21,8 @@
     </div>
     <div v-else>
       <div v-if="usecveRecordStore.isIdOrRecordFound">
-        <div class="notification is-warning is-light" role="alert">
-          <div v-if="websiteEnv !== 'prd'" class="is-flex" style="justify-content: center;">
+        <div v-if="websiteEnv !== 'prd'" class="notification is-warning is-light" role="alert">
+          <div class="is-flex" style="justify-content: center;">
             <p id="alertIconCveRecordsRequestErrored" class="is-hidden">alert</p>
             <font-awesome-icon style="flex: 0 0 40px;" size="1x"  icon="triangle-exclamation" role="img"
               aria-labelledby="alertIconCveRecordsRequestErrored" aria-hidden="false" />
diff --git a/src/views/CVERecord/SearchResults.vue b/src/views/CVERecord/SearchResults.vue
index 755dde24..295adb87 100644
--- a/src/views/CVERecord/SearchResults.vue
+++ b/src/views/CVERecord/SearchResults.vue
@@ -26,8 +26,8 @@
                   <ServiceUnavailable></ServiceUnavailable>
                 </div>
                 <div v-else>
-                  <div class="notification is-warning is-light" role="alert">
-                    <div v-if="websiteEnv !== 'prd'" class="is-flex is-justify-content-center">
+                  <div v-if="websiteEnv !== 'prd'" class="notification is-warning is-light" role="alert">
+                    <div class="is-flex is-justify-content-center">
                       <p id="alertIconCveRecordsRequestErrored" class="is-hidden">alert</p>
                       <font-awesome-icon style="flex: 0 0 40px;" size="1x"  icon="triangle-exclamation" role="alert"
                         aria-labelledby="alertIconCveRecordsRequestErrored" aria-hidden="false" />
@@ -248,7 +248,7 @@
 <script setup>
 import { useCveListSearchStore } from '@/stores/cveListSearch';
 import { usePartnerStore } from '@/stores/partners';
-import { createApp, ref, watch } from 'vue';
+import { computed, createApp, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import ServiceUnavailable from '@/components/ServiceUnavailable.vue'
 
@@ -274,6 +274,10 @@ function backToTop() {
     replace: true
   });
 }
+
+const websiteEnv = computed(() => {
+  return import.meta.env.VITE_WEBSITE_ENVIRONMENT;
+});
 </script>
 
 <style lang="scss">
diff --git a/src/views/ResourcesSupport/FAQs.vue b/src/views/ResourcesSupport/FAQs.vue
index 98442a41..193a0846 100644
--- a/src/views/ResourcesSupport/FAQs.vue
+++ b/src/views/ResourcesSupport/FAQs.vue
@@ -69,7 +69,7 @@
                   <div :id="item.sectionId + qAndA.questionId + 'response'" class="message-body"
                     :class="{'is-hidden': accordion[item.sectionId + qAndA.questionId]}">
                     <div v-if="qAndA.questionId == 'search_cve'" class="pb-3">
-                      <span class="has-text-weight-bold">TEST.CVE.ORG Search CVE List (Beta) Tips</span>
+                      <p class="has-text-weight-bold"><span v-if="websiteEnv !== 'prd'">TEST.CVE.ORG </span>Search CVE List (Beta) Tips</p>
                       <ul>
                         <li>Search the CVE List by keywords using the
                           <router-link :to="{ hash: '#cve-secondary-navbar' }">search box</router-link> at the top of this page.
@@ -107,6 +107,11 @@ export default {
   created() {
     this.setAccordion('sectionId', 'questionId');
   },
+  computed: {
+    websiteEnv() {
+      return import.meta.env.VITE_WEBSITE_ENVIRONMENT;
+    }
+  },
   methods: {
     isExactPath(onPageLink) {
       return useLinkStore().isExactPath(`${this.$route.path}${onPageLink}`, this.$route.fullPath);