diff --git a/web/components/HeaderOsVersion.ce.vue b/web/components/HeaderOsVersion.ce.vue index 4f1ea611e..c5a3a7603 100644 --- a/web/components/HeaderOsVersion.ce.vue +++ b/web/components/HeaderOsVersion.ce.vue @@ -17,7 +17,7 @@ import ChangelogModal from '~/components/UpdateOs/ChangelogModal.vue'; import { useClipboardWithToast } from '~/composables/useClipboardWithToast'; const { t } = useI18n(); -const { copyWithNotification } = useClipboardWithToast(); +const { copyWithNotification, isSupported: clipboardSupported } = useClipboardWithToast(); const serverStore = useServerStore(); const updateOsStore = useUpdateOsStore(); @@ -60,13 +60,13 @@ const openApiChangelog = () => { }; const copyOsVersion = () => { - if (displayOsVersion.value) { + if (displayOsVersion.value && clipboardSupported.value) { copyWithNotification(displayOsVersion.value, t('OS version copied to clipboard')); } }; const copyApiVersion = () => { - if (apiVersion.value) { + if (apiVersion.value && clipboardSupported.value) { copyWithNotification(apiVersion.value, t('API version copied to clipboard')); } }; @@ -149,7 +149,10 @@ const updateOsStatus = computed(() => { class="text-xs xs:text-sm flex flex-row items-center gap-x-1 font-semibold text-header-text-secondary hover:text-orange-dark focus:text-orange-dark hover:underline focus:underline leading-none h-auto p-0" :title="t('Version Information')" > - + {{ displayOsVersion }} @@ -160,28 +163,28 @@ const updateOsStatus = computed(() => { {{ t('Unraid OS') }} - + {{ displayOsVersion || t('Unknown') }} {{ t('Unraid API') }} - + {{ apiVersion || t('Unknown') }}