Skip to content

Follow-up: Update image filter to use the tooltip prop

In this MR > !105417 (merged), tooltip support is added to the FilterItem component. So let's update the image filter component to use this instead of its own tooltip settings.

Index: ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue	(revision 3202ef83ccfe190a03fbf0ab0215d3507b11eadc)
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue	(date 1669969358696)
@@ -1,5 +1,5 @@
 <script>
-import { GlTruncate, GlTooltipDirective as GlTooltip } from '@gitlab/ui';
+import { GlTruncate } from '@gitlab/ui';
 import { createAlert } from '~/flash';
 import agentImagesQuery from 'ee/security_dashboard/graphql/queries/agent_images.query.graphql';
 import projectImagesQuery from 'ee/security_dashboard/graphql/queries/project_images.query.graphql';
@@ -11,7 +11,6 @@
 
 export default {
   components: { FilterBody, FilterItem, GlTruncate },
-  directives: { GlTooltip },
   extends: SimpleFilter,
   apollo: {
     images: {
@@ -91,7 +90,7 @@
     <filter-item
       v-for="option in images"
       :key="option.id"
-      v-gl-tooltip.left.viewport="option.id"
+      :tooltip="option.id"
       :is-checked="isSelected(option)"
       @click="toggleOption(option)"
     >