From c50d4e29f2977fad8a748258c8340a9d1df45a5e Mon Sep 17 00:00:00 2001
From: Denys Mishunov <dmishunov@gitlab.com>
Date: Thu, 14 Feb 2019 17:27:54 +0100
Subject: Set 'is-active' CSS class on a file-row in File Browser for currently
 selected file

---
 app/assets/javascripts/vue_shared/components/file_row.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/vue_shared/components/file_row.vue b/app/assets/javascripts/vue_shared/components/file_row.vue
index 0cbcdbf2eb4..5529e71ba39 100644
--- a/app/assets/javascripts/vue_shared/components/file_row.vue
+++ b/app/assets/javascripts/vue_shared/components/file_row.vue
@@ -1,4 +1,5 @@
 <script>
+import { mapState } from 'vuex';
 import Icon from '~/vue_shared/components/icon.vue';
 import FileHeader from '~/vue_shared/components/file_row_header.vue';
 import FileIcon from '~/vue_shared/components/file_icon.vue';
@@ -43,6 +44,7 @@ export default {
     };
   },
   computed: {
+    ...mapState('diffs', ['currentDiffFileId']),
     isTree() {
       return this.file.type === 'tree';
     },
@@ -57,7 +59,8 @@ export default {
     fileClass() {
       return {
         'file-open': this.isBlob && this.file.opened,
-        'is-active': this.isBlob && this.file.active,
+        'is-active':
+          this.isBlob && (this.file.active || this.currentDiffFileId === this.file.fileHash),
         folder: this.isTree,
         'is-open': this.file.opened,
       };
-- 
cgit v1.2.1