mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2026-03-01 12:44:28 +00:00
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
<template>
|
|
<ds-space centered margin="xxx-small">
|
|
<ds-space margin-bottom="small" />
|
|
<ds-heading tag="h4">
|
|
{{ $t('contribution.comment.commenting-disabled.blocked-author.reason') }}
|
|
</ds-heading>
|
|
<ds-text>
|
|
{{ $t('contribution.comment.commenting-disabled.blocked-author.call-to-action') }}
|
|
</ds-text>
|
|
<nuxt-link :to="authorLink">
|
|
<os-button variant="primary" appearance="filled">
|
|
<template #icon><base-icon name="arrow-right" /></template>
|
|
{{
|
|
$t('contribution.comment.commenting-disabled.blocked-author.button-label', {
|
|
name: author.name,
|
|
})
|
|
}}
|
|
</os-button>
|
|
</nuxt-link>
|
|
</ds-space>
|
|
</template>
|
|
|
|
<script>
|
|
import { OsButton } from '@ocelot-social/ui'
|
|
|
|
export default {
|
|
name: 'CtaUnblockAuthor',
|
|
components: { OsButton },
|
|
props: {
|
|
author: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
authorLink() {
|
|
const { id, slug } = this.author
|
|
return { name: 'profile-id-slug', params: { slug, id } }
|
|
},
|
|
},
|
|
}
|
|
</script>
|