2020-04-08 14:13:33 +05:30
|
|
|
<script>
|
|
|
|
import { mapState, mapActions } from 'vuex';
|
|
|
|
import { GlSkeletonLoading } from '@gitlab/ui';
|
|
|
|
import ReleaseBlock from './release_block.vue';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'ReleaseShowApp',
|
|
|
|
components: {
|
|
|
|
GlSkeletonLoading,
|
|
|
|
ReleaseBlock,
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
...mapState('detail', ['isFetchingRelease', 'fetchError', 'release']),
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
this.fetchRelease();
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
...mapActions('detail', ['fetchRelease']),
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
<template>
|
2020-07-28 23:09:34 +05:30
|
|
|
<div class="gl-mt-3">
|
2020-04-08 14:13:33 +05:30
|
|
|
<gl-skeleton-loading v-if="isFetchingRelease" />
|
|
|
|
|
|
|
|
<release-block v-else-if="!fetchError" :release="release" />
|
|
|
|
</div>
|
|
|
|
</template>
|