diff --git a/web/components/UserProfile/CallbackFeedback.vue b/web/components/UserProfile/CallbackFeedback.vue index 6bf1ef1ad..aa14de254 100644 --- a/web/components/UserProfile/CallbackFeedback.vue +++ b/web/components/UserProfile/CallbackFeedback.vue @@ -2,11 +2,16 @@ // @todo ensure key installs and updateOs can be handled at the same time // @todo with multiple actions of key install and update after successful key install, rather than showing default success message, show a message to have them confirm the update import { useClipboard } from '@vueuse/core'; -import { ChevronDoubleDownIcon, ClipboardIcon, CogIcon } from '@heroicons/vue/24/solid'; +import { + ChevronDoubleDownIcon, + ClipboardIcon, + CogIcon, + InformationCircleIcon, +} from '@heroicons/vue/24/solid'; import { storeToRefs } from 'pinia'; import 'tailwindcss/tailwind.css'; import '~/assets/main.css'; -import { WEBGUI_CONNECT_SETTINGS } from '~/helpers/urls'; +import { WEBGUI_CONNECT_SETTINGS, WEBGUI_TOOLS_REGISTRATION } from '~/helpers/urls'; import { useAccountStore } from '~/store/account'; import { useCallbackActionsStore } from '~/store/callbackActions'; import { useInstallKeyStore } from '~/store/installKey'; @@ -50,6 +55,8 @@ const { refreshServerStateStatus, username, osVersion, + stateData, + stateDataError, } = storeToRefs(serverStore); const { status: updateOsStatus, @@ -137,6 +144,7 @@ const keyInstallStatusCopy = computed((): { text: string; } => { case 'installing': if (keyActionType.value === 'trialExtend') { txt1 = props.t('Installing Extended Trial'); } if (keyActionType.value === 'recover') { txt1 = props.t('Installing Recovered'); } + if (keyActionType.value === 'renew') { txt1 = props.t('Installing Extended'); } if (keyActionType.value === 'replace') { txt1 = props.t('Installing Replaced'); } return { text: props.t('{0} {1} Key…', [txt1, keyType.value]), @@ -229,6 +237,15 @@ const { copy, copied, isSupported } = useClipboard({ source: keyUrl.value }); {{ t('Calculating trial expiration…') }}

+
+ +

+ {{ t('Calculating OS Update Eligibility…') }} +

+
+ +

{{ t(stateData.heading) }}

+
+ + -->
-