debian-mirror-gitlab/app/assets/javascripts/ide/components/commit_sidebar/success_message.vue
2021-11-18 22:05:49 +05:30

27 lines
690 B
Vue

<script>
import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
import { mapState } from 'vuex';
export default {
directives: {
SafeHtml,
},
computed: {
...mapState(['lastCommitMsg', 'committedStateSvgPath']),
},
};
</script>
<template>
<div class="multi-file-commit-panel-success-message" aria-live="assertive">
<div class="svg-content svg-80">
<img :src="committedStateSvgPath" :alt="s__('IDE|Successful commit')" />
</div>
<div class="gl-mr-3 gl-ml-3">
<div class="text-content text-center">
<h4>{{ __('All changes are committed') }}</h4>
<p v-safe-html="lastCommitMsg"></p>
</div>
</div>
</div>
</template>