diff options
Diffstat (limited to 'app/assets/javascripts/ide/components/ide_tree.vue')
-rw-r--r-- | app/assets/javascripts/ide/components/ide_tree.vue | 48 |
1 files changed, 14 insertions, 34 deletions
diff --git a/app/assets/javascripts/ide/components/ide_tree.vue b/app/assets/javascripts/ide/components/ide_tree.vue index ed83bf4109b..569d55d28ac 100644 --- a/app/assets/javascripts/ide/components/ide_tree.vue +++ b/app/assets/javascripts/ide/components/ide_tree.vue @@ -1,52 +1,32 @@ <script> -import { mapGetters, mapState } from 'vuex'; -import Icon from '~/vue_shared/components/icon.vue'; -import SkeletonLoadingContainer from '~/vue_shared/components/skeleton_loading_container.vue'; -import RepoFile from './repo_file.vue'; +import { mapState, mapGetters } from 'vuex'; import NewDropdown from './new_dropdown/index.vue'; +import IdeTreeList from './ide_tree_list.vue'; export default { components: { - Icon, - RepoFile, - SkeletonLoadingContainer, NewDropdown, + IdeTreeList, }, computed: { ...mapState(['currentBranchId']), - ...mapGetters(['currentProject', 'currentTree']), + ...mapGetters(['currentProject']), }, }; </script> <template> - <div - class="ide-file-list" + <ide-tree-list + viewer-type="editor" > - <template v-if="!currentTree || currentTree.loading"> - <div - class="multi-file-loading-container" - v-for="n in 3" - :key="n" - > - <skeleton-loading-container /> - </div> - </template> - <template v-else> - <header class="ide-tree-header"> - {{ __('Edit') }} - <new-dropdown - :project-id="currentProject.name_with_namespace" - :branch="currentBranchId" - path="" - /> - </header> - <repo-file - v-for="file in currentTree.tree" - :key="file.key" - :file="file" - :level="0" + <template + slot="header" + > + {{ __('Edit') }} + <new-dropdown + :project-id="currentProject.name_with_namespace" + :branch="currentBranchId" /> </template> - </div> + </ide-tree-list> </template> |