chore: sync

Signed-off-by: mertmit <mertmit99@gmail.com>
This commit is contained in:
mertmit
2026-01-08 18:29:44 +03:00
parent f07a8da6ea
commit 69a29568c7
1221 changed files with 70034 additions and 16199 deletions

View File

@@ -32,6 +32,8 @@ const { isFeatureEnabled } = useBetaFeatureToggle()
const { activeWorkspace } = storeToRefs(useWorkspace())
const { isSyncFeatureEnabled } = storeToRefs(useSyncStore())
const easterEggToggle = computed(() => isFeatureEnabled(FEATURE_FLAG.INTEGRATIONS))
const router = useRouter()
@@ -47,6 +49,7 @@ const {
integrationsCategoryFilter,
activeViewTab,
loadDynamicIntegrations,
availableSyncAuthIntegrationSubtypes,
} = useIntegrationStore()
const focusTextArea: VNodeRef = (el) => el && el?.focus?.()
@@ -230,6 +233,16 @@ const toggleShowOrHideAllCategory = () => {
}
}
const isIntegrationVisible = (integration: IntegrationItemType, category: any) => {
if (easterEggToggle.value) return true
if (isSyncFeatureEnabled.value && category.value === IntegrationCategoryType.AUTH) {
return availableSyncAuthIntegrationSubtypes.value.includes(integration.sub_type)
}
return !!integration.isAvailable
}
onMounted(() => {
loadDynamicIntegrations()
@@ -386,7 +399,12 @@ watch(activeViewTab, (value) => {
>
<template v-for="(category, key) in integrationsMapByCategory">
<div
v-if="(easterEggToggle || category.value === IntegrationCategoryType.DATABASE) && category.list.length"
v-if="
(easterEggToggle ||
category.value === IntegrationCategoryType.DATABASE ||
(isSyncFeatureEnabled && category.value === IntegrationCategoryType.AUTH)) &&
category.list.length
"
:key="key"
class="integration-type-wrapper"
>
@@ -402,7 +420,7 @@ watch(activeViewTab, (value) => {
<div v-if="category.list.length" class="integration-type-list">
<template v-for="integration of category.list" :key="integration.sub_type">
<NcTooltip
v-if="easterEggToggle || integration.isAvailable"
v-if="isIntegrationVisible(integration, category)"
:disabled="integration?.isAvailable"
placement="bottom"
>
@@ -569,7 +587,7 @@ watch(activeViewTab, (value) => {
@apply cursor-pointer hover:bg-nc-bg-gray-extralight;
&:hover {
box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 8px -2px rgba(var(--rgb-base), 0.08), 0px 2px 4px -2px rgba(var(--rgb-base), 0.04);
}
}
@@ -618,7 +636,7 @@ watch(activeViewTab, (value) => {
&:hover {
@apply bg-nc-bg-gray-extralight;
box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 8px -2px rgba(var(--rgb-base), 0.08), 0px 2px 4px -2px rgba(var(--rgb-base), 0.04);
.action-btn {
@apply inline-block;