added extra help link to search results

Signed-off-by: wadeking98 <wkingnumber2@gmail.com>
bcgov · Feb 18, 2022 · 7347984 · 7347984
1 parent 8af4f53
commit 7347984
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 9 deletions.
diff --git a/src/components/entity/EntityResult.vue b/src/components/entity/EntityResult.vue
@@ -158,14 +158,14 @@
                 "
                 class="expired-credential"
               >
-                <v-icon>{{mdiCircleMedium}}</v-icon>
+                <v-icon>{{ mdiCircleMedium }}</v-icon>
                 Credential expired:
                 {{
                   businessAsRelationship[i + relationshipStartIndex].credential
                     .revoked_date | formatDate
                 }}
               </div>
-              <v-icon v-else>{{mdiCircleMedium}}</v-icon>
+              <v-icon v-else>{{ mdiCircleMedium }}</v-icon>
               <span @click.stop>
                 <router-link
                   :to="`/entity/${
@@ -366,7 +366,8 @@
                         <template #header>
                           <div class="text-body-2">
                             <div v-if="cred.revoked" class="expired-credential">
-                              Credential replaced: {{ cred.revoked_date | formatDate }}
+                              Credential replaced:
+                              {{ cred.revoked_date | formatDate }}
                             </div>
                             <div
                               v-else-if="isExpired(cred.attributes)"

diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="{ 'pt-4 pb-10': $vuetify.breakpoint.mdAndUp }">
     <span class="font-weight-bold mb-1" v-if="$vuetify.breakpoint.mdAndUp">
-      <SearchHelpPopup>
+      <SearchHelpPopup :light="true">
         <template #title>Find an organization</template>
       </SearchHelpPopup>
     </span>

diff --git a/src/components/search/SearchHelp.vue b/src/components/search/SearchHelp.vue
@@ -14,7 +14,7 @@
       </v-expansion-panel-header>
       <v-expansion-panel-content class="ml-n6 search-help-content">
         <slot name="content"></slot>
-        <SearchHelpPopup>
+        <SearchHelpPopup :light="true">
           <template #title> Not finding what you're looking for </template>
         </SearchHelpPopup>
       </v-expansion-panel-content>

diff --git a/src/components/search/SearchHelpPopup.vue b/src/components/search/SearchHelpPopup.vue
@@ -2,7 +2,7 @@
   <Dialog>
     <template #activator>
       <span @click.stop><slot name="title"></slot> </span
-      ><v-icon small class="fake-link search-help mx-1">{{
+      ><v-icon small :class="{ 'search-help': light }" class="fake-link mx-1">{{
           mdiHelpCircleOutline,
 
       }}</v-icon>
@@ -48,7 +48,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Prop, Vue } from "vue-property-decorator";
 import { mapGetters } from "vuex";
 import Dialog from "@/components/shared/Dialog.vue";
 
@@ -60,7 +60,9 @@ import Dialog from "@/components/shared/Dialog.vue";
     ...mapGetters(["mdiHelpCircleOutline"]),
   },
 })
-export default class SearchHelpPopup extends Vue {}
+export default class SearchHelpPopup extends Vue {
+  @Prop({ default: false }) light!: boolean;
+}
 </script>
 <style lang="scss" scoped>
 .search-help {

diff --git a/src/components/search/filter/SearchFilter.vue b/src/components/search/filter/SearchFilter.vue
@@ -10,7 +10,11 @@
           'float-right': $vuetify.breakpoint.smAndDown,
         }"
       >
-        {{ pagedSearchTopics.total }} result(s)
+        <SearchHelpPopup
+          ><template #title>
+            {{ pagedSearchTopics.total }} result(s)</template
+          ></SearchHelpPopup
+        >
       </div>
     </v-col>
   </v-row>
@@ -20,9 +24,11 @@
 import { Component, Vue } from "vue-property-decorator";
 import { mapGetters } from "vuex";
 import SearchFilterDialog from "./SearchFilterDialog.vue";
+import SearchHelpPopup from "@/components/search/SearchHelpPopup.vue";
 
 @Component({
   components: {
+    SearchHelpPopup,
     SearchFilterDialog,
   },
   computed: {