diff options
Diffstat (limited to 'app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue')
-rw-r--r-- | app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue b/app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue new file mode 100644 index 00000000000..9cec73ec00e --- /dev/null +++ b/app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue @@ -0,0 +1,47 @@ +<script> +import { mapActions } from 'vuex'; +import Icon from '~/vue_shared/components/icon.vue'; +import tooltip from '~/vue_shared/directives/tooltip'; + +export default { + components: { + Icon, + }, + directives: { + tooltip, + }, + props: { + path: { + type: String, + required: true, + }, + }, + methods: { + ...mapActions(['unstageChange']), + }, +}; +</script> + +<template> + <div + v-once + class="multi-file-discard-btn" + > + <button + v-tooltip + :aria-label="__('Unstage changes')" + :title="__('Unstage changes')" + type="button" + class="btn btn-blank d-flex align-items-center" + data-container="body" + data-boundary="viewport" + data-placement="bottom" + @click="unstageChange(path)" + > + <icon + :size="12" + name="history" + /> + </button> + </div> +</template> |