Files
habitica/website/client/components/header/notifications/unallocatedStatsPoints.vue
Phillip Thelen 63f5773172 Implement URL handling for profile modal (#10844)
* Implement URL handling for profile modal

* Fix issue where paths would break when using back button

* move tiers import to index
2019-02-07 17:25:30 +01:00

43 lines
815 B
Vue

<template lang="pug">
base-notification(
:can-remove="canRemove",
:has-icon="true",
:notification="notification",
:read-after-click="true",
@click="action"
)
div(slot="content", v-html="$t('unallocatedStatsPoints', {points: notification.data.points})")
.svg-icon(slot="icon", v-html="icons.sparkles")
</template>
<style lang="scss" scoped>
.svg-icon {
width: 23px;
height: 28px;
}
</style>
<script>
import BaseNotification from './base';
import sparklesIcon from 'assets/svg/sparkles.svg';
export default {
props: ['notification', 'canRemove'],
data () {
return {
icons: Object.freeze({
sparkles: sparklesIcon,
}),
};
},
components: {
BaseNotification,
},
methods: {
action () {
this.$router.push({name: 'stats'});
},
},
};
</script>