Merge pull request #16676 from nextcloud/backport/16626/stable32

Author: Antreesy

src/components/CallView/CallFailedDialog.vue

@@ -7,9 +7,11 @@
 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 IconRefresh from 'vue-material-design-icons/Refresh.vue'
 import { messagePleaseTryToReload } from '../../utils/talkDesktopUtils.ts'
 
 const props = defineProps({
@@ -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>
+					{{ t('spreed', 'Reload') }}
+				</NcButton>
+			</template>
 		</NcEmptyContent>
 	</NcModal>
 </template>