mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 02:21:13 +00:00
39 lines
1.2 KiB
Vue
39 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import NonProductionLicenseBanner from '@/components/banners/NonProductionLicenseBanner.vue';
|
|
import TrialOverBanner from '@/components/banners/TrialOverBanner.vue';
|
|
import TrialBanner from '@/components/banners/TrialBanner.vue';
|
|
import V1Banner from '@/components/banners/V1Banner.vue';
|
|
import { useUIStore } from '@/stores/ui.store';
|
|
import { onMounted, watch } from 'vue';
|
|
import { getBannerRowHeight } from '@/utils';
|
|
import type { BannerName } from 'n8n-workflow';
|
|
|
|
const uiStore = useUIStore();
|
|
|
|
function shouldShowBanner(bannerName: BannerName) {
|
|
return uiStore.banners[bannerName].dismissed === false;
|
|
}
|
|
|
|
async function updateCurrentBannerHeight() {
|
|
const bannerHeight = await getBannerRowHeight();
|
|
uiStore.updateBannersHeight(bannerHeight);
|
|
}
|
|
|
|
onMounted(async () => {
|
|
await updateCurrentBannerHeight();
|
|
});
|
|
|
|
watch(uiStore.banners, async () => {
|
|
await updateCurrentBannerHeight();
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div data-test-id="banner-stack">
|
|
<trial-over-banner v-if="shouldShowBanner('TRIAL_OVER')" />
|
|
<trial-banner v-if="shouldShowBanner('TRIAL')" />
|
|
<v1-banner v-if="shouldShowBanner('V1')" />
|
|
<non-production-license-banner v-if="shouldShowBanner('NON_PRODUCTION_LICENSE')" />
|
|
</div>
|
|
</template>
|