fix(CallFailedDialog): expose reload function

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

src/components/CallView/CallFailedDialog.vue

@@ -7,10 +7,12 @@
 import { t } from '@nextcloud/l10n'
 import { computed } from 'vue'
 import { useStore } from 'vuex'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcModal from '@nextcloud/vue/components/NcModal'
 import IconAlertOctagonOutline from 'vue-material-design-icons/AlertOctagonOutline.vue'
-import { messagePleaseTryToReload } from '../../utils/talkDesktopUtils.ts'
+import IconRefresh from 'vue-material-design-icons/Refresh.vue'
+import { messagePleaseTryToReload, messageReload } from '../../utils/talkDesktopUtils.ts'
 
 const props = defineProps({
 	token: {
@@ -46,12 +48,19 @@ const message = computed(() => {
 })
 
 /**
- *
+ * Reset error status in the store
  */
 function clearConnectionFailedError() {
 	store.dispatch('clearConnectionFailed', props.token)
 }
 
+/**
+ * Reload the page to get a valid room object and HPB settings
+ */
+function reloadApp() {
+	window.location.reload()
+}
+
 </script>
 
 <template>
@@ -64,6 +73,16 @@ function clearConnectionFailedError() {
 			<template #icon>
 				<IconAlertOctagonOutline />
 			</template>
+			<template #action>
+				<NcButton
+					variant="primary"
+					@click="reloadApp">
+					<template #icon>
+						<IconRefresh />
+					</template>
+					{{ messageReload }}
+				</NcButton>
+			</template>
 		</NcEmptyContent>
 	</NcModal>
 </template>

src/utils/talkDesktopUtils.ts

@@ -12,3 +12,7 @@ export const messagePleaseReload = IS_DESKTOP
 export const messagePleaseTryToReload = IS_DESKTOP
 	? t('spreed', 'Please try to restart the app.')
 	: t('spreed', 'Please try to reload the page.')
+
+export const messageReload = IS_DESKTOP
+	? t('spreed', 'Restart')
+	: t('spreed', 'Reload')