Merge pull request #3243 from CVEProject/tat-3237-hide-lookup

hide cve id/record lookup

Author: athu-tran

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>

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" />

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">

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);