1 files changed, 11 insertions, 1 deletions
diff --git a/app/assets/javascripts/ide/components/ide_file_row.vue b/app/assets/javascripts/ide/components/ide_file_row.vue
index b777d89f0bb..248677d6a99 100644
--- a/app/assets/javascripts/ide/components/ide_file_row.vue
+++ b/app/assets/javascripts/ide/components/ide_file_row.vue
@@ -3,6 +3,7 @@
  * This component is an iterative step towards refactoring and simplifying `vue_shared/components/file_row.vue`
  * https://gitlab.com/gitlab-org/gitlab/-/merge_requests/23720
  */
+import { mapGetters } from 'vuex';
 import FileRow from '~/vue_shared/components/file_row.vue';
 import FileRowExtra from './file_row_extra.vue';
 
@@ -23,6 +24,9 @@ export default {
       dropdownOpen: false,
     };
   },
+  computed: {
+    ...mapGetters(['getUrlForPath']),
+  },
   methods: {
     toggleDropdown(val) {
       this.dropdownOpen = val;
@@ -32,7 +36,13 @@ export default {
 </script>
 
 <template>
-  <file-row :file="file" v-bind="$attrs" @mouseleave="toggleDropdown(false)" v-on="$listeners">
+  <file-row
+    :file="file"
+    :file-url="getUrlForPath(file.path)"
+    v-bind="$attrs"
+    @mouseleave="toggleDropdown(false)"
+    v-on="$listeners"
+  >
     <file-row-extra :file="file" :dropdown-open="dropdownOpen" @toggle="toggleDropdown($event)" />
   </file-row>
 </template>