Files
speckle-server/packages/frontend-2/components/singleton/AppErrorStateManager.vue
T
Kristaps Fabians Geikins dd7409dcb2 feat(fe2): implementing various RUM tools for trialing (#2066)
* basic raygun setup

* testing seq logging

* minor fixes

* more accurate user identification

* logrocket adjustments

* speedcurve seems to work?

* added debugbear

* minor cleanup

* chore(helm chart): adds new web app analytics ids/keys to fe2 env vars
- assumes none are secrets

* Quote all secrets to prevent interpretation as digits

---------

Co-authored-by: Iain Sproat <68657+iainsproat@users.noreply.github.com>
2024-02-22 10:51:13 +02:00

34 lines
886 B
Vue

<template>
<div>
<div
v-if="isErrorState && showBanner"
class="fixed inset-x-0 top-0 p-2 z-[1000] bg-danger text-foundation flex justify-between items-center"
>
<div>
Due to a large amount of errors some functionality has been disabled! Please
reload the page or contact the server administrators.
</div>
<div>
<FormButton
hide-text
:icon-left="XMarkIcon"
color="invert"
text
size="lg"
@click="hideErrorStateBanner"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { XMarkIcon } from '@heroicons/vue/24/solid'
import { useAppErrorState } from '~~/lib/core/composables/error'
const { isErrorState } = useAppErrorState()
const showBanner = ref(true)
const hideErrorStateBanner = () => (showBanner.value = false)
</script>