mirror of
https://github.com/koel/koel
synced 2024-12-21 10:03:10 +00:00
26 lines
822 B
Vue
26 lines
822 B
Vue
|
<template>
|
||
|
|
<ExtraDrawerButton
|
||
|
|
v-koel-tooltip.left
|
||
|
|
:title="shouldNotifyNewVersion ? 'New version available!' : 'About Koel'"
|
||
|
|
@click.prevent="openAboutKoelModal"
|
||
|
|
>
|
||
|
|
<Icon :icon="faInfoCircle" />
|
||
|
|
<span
|
||
|
|
v-if="shouldNotifyNewVersion"
|
||
|
|
class="absolute w-[10px] aspect-square right-px top-px rounded-full bg-k-highlight"
|
||
|
|
/>
|
||
|
|
</ExtraDrawerButton>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons'
|
||
|
|
import { eventBus } from '@/utils'
|
||
|
|
import { useNewVersionNotification } from '@/composables'
|
||
|
|
|
||
|
|
import ExtraDrawerButton from '@/components/layout/main-wrapper/extra-drawer/ExtraDrawerButton.vue'
|
||
|
|
|
||
|
|
const { shouldNotifyNewVersion } = useNewVersionNotification()
|
||
|
|
|
||
|
|
const openAboutKoelModal = () => eventBus.emit('MODAL_SHOW_ABOUT_KOEL')
|
||
|
|
</script>
|