fixed prev directory row not correctly having colspan

app/assets/javascripts/repo/components/repo_loading_file.vue

@@ -15,7 +15,9 @@
 
 <template>
   <tr
-    class="loading-file">
+    class="loading-file"
+    aria-label="Loading files"
+  >
     <td>
       <div
         class="animation-container animation-container-small">

app/assets/javascripts/repo/components/repo_prev_directory.vue

 <script>
   import eventHub from '../event_hub';
+  import repoMixin from '../mixins/repo_mixin';
 
   export default {
+    mixins: [
+      repoMixin,
+    ],
     props: {
       prevUrl: {
         type: String,

app/assets/javascripts/repo/components/repo_sidebar.vue

@@ -31,16 +31,10 @@ export default {
   data: () => Store,
   computed: {
     flattendFiles() {
-      const map = (arr) => {
-        if (arr && arr.files && arr.files.length === 0) {
-          return [];
-        }
-
-        return _.map(arr.files, a => [a, map(a)]);
-      };
+      const mapFiles = arr => (!arr.files.length ? [] : _.map(arr.files, a => [a, mapFiles(a)]));
 
       return _.chain(this.files)
-        .map(arr => [arr, map(arr)])
+        .map(arr => [arr, mapFiles(arr)])
         .flatten()
         .value();
     },