n8n/packages/editor-ui/src/components/PushConnectionTracker.vue
कारतोफ्फेलस्क्रिप्ट™ 6854f94875
Some checks are pending
Test Master / install-and-build (push) Waiting to run
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Test Master / Lint (push) Blocked by required conditions
Test Master / Notify Slack on failure (push) Blocked by required conditions
refactor(editor): Convert some smaller components to composition api (no-changelog) (#11546)
Co-authored-by: Ricardo Espinoza <ricardo@n8n.io>
2024-11-04 20:09:34 -05:00

27 lines
790 B
Vue

<script setup lang="ts">
import { computed } from 'vue';
import { useRootStore } from '@/stores/root.store';
import { useI18n } from '@/composables/useI18n';
const rootStore = useRootStore();
const pushConnectionActive = computed(() => rootStore.pushConnectionActive);
const i18n = useI18n();
</script>
<template>
<span>
<div v-if="!pushConnectionActive" class="push-connection-lost primary-color">
<n8n-tooltip placement="bottom-end">
<template #content>
<div v-n8n-html="i18n.baseText('pushConnectionTracker.cannotConnectToServer')"></div>
</template>
<span>
<font-awesome-icon icon="exclamation-triangle" />&nbsp;
{{ i18n.baseText('pushConnectionTracker.connectionLost') }}
</span>
</n8n-tooltip>
</div>
<slot v-else />
</span>
</template>