correctly stages and unstages files

after a commit the files are correctly reset
correctly enables the ability to have different staged & unstaged changes in the same file

1 files changed, 3 insertions, 4 deletions

diff --git a/app/assets/javascripts/ide/components/repo_commit_section.vue b/app/assets/javascripts/ide/components/repo_commit_section.vue
index d8d447b80f3..caa0f25c827 100644
--- a/app/assets/javascripts/ide/components/repo_commit_section.vue
+++ b/app/assets/javascripts/ide/components/repo_commit_section.vue
@@ -32,9 +32,8 @@ export default {
     },
   },
   computed: {
-    ...mapState(['stagedFiles', 'rightPanelCollapsed']),
+    ...mapState(['changedFiles', 'stagedFiles', 'rightPanelCollapsed']),
     ...mapState('commit', ['commitMessage', 'submitCommitLoading']),
-    ...mapGetters(['unstagedFiles']),
     ...mapGetters('commit', [
       'commitButtonDisabled',
       'discardDraftButtonDisabled',
@@ -74,12 +73,12 @@ export default {
       </template>
     </modal>
     <template
-      v-if="unstagedFiles.length || stagedFiles.length"
+      v-if="changedFiles.length || stagedFiles.length"
     >
       <commit-files-list
         icon="unstaged"
         :title="__('Unstaged')"
-        :file-list="unstagedFiles"
+        :file-list="changedFiles"
         action="stageAllChanges"
         :action-btn-text="__('Stage all')"
         item-action-component="stage-button"