Kristaps Fabians Geikins
f2d7493c2a
* stuff copied over, but aint workin * various fixes * vscode settings * trigger deploy * trigger deploy
41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<template>
|
|
<CommonAlert
|
|
v-if="!store.isConnectorUpToDate && !hasDismissedAlert"
|
|
v-tippy="
|
|
'Version: ' + store.latestAvailableVersion?.Number + ', released ' + createdAgo
|
|
"
|
|
color="neutral"
|
|
size="xs"
|
|
hide-icon
|
|
class="mb-2 mt-1"
|
|
>
|
|
<template #description>
|
|
<div class="flex items-center">
|
|
<div class="text-body-3xs truncate line-clamp-1 min-w-0">Update available</div>
|
|
<div class="inline-flex justify-end -mr-3 grow">
|
|
<FormButton size="sm" color="outline" @click="store.downloadLatestVersion()">
|
|
Download
|
|
</FormButton>
|
|
<FormButton
|
|
size="sm"
|
|
color="subtle"
|
|
hide-text
|
|
:icon-left="XMarkIcon"
|
|
@click="hasDismissedAlert = true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</CommonAlert>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import dayjs from 'dayjs'
|
|
import { XMarkIcon } from '@heroicons/vue/24/outline'
|
|
import { useHostAppStore } from '~~/store/hostApp'
|
|
const store = useHostAppStore()
|
|
const hasDismissedAlert = ref(false)
|
|
const createdAgo = computed(() => {
|
|
return dayjs(store.latestAvailableVersion?.Date).from(dayjs())
|
|
})
|
|
</script>
|