mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 10:31:15 +00:00
fix(editor): Fix broken types for globally defined components (no-changelog) (#16505)
Co-authored-by: Mutasem Aldmour <mutasem@n8n.io>
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
<script lang="ts" setup>
|
||||
import { ElDropdown, ElDropdownItem, ElDropdownMenu } from 'element-plus';
|
||||
import { computed } from 'vue';
|
||||
|
||||
import type { IUser, UserStackGroups } from '@n8n/design-system/types';
|
||||
@@ -9,7 +10,7 @@ import N8nUserInfo from '../N8nUserInfo';
|
||||
const props = withDefaults(
|
||||
defineProps<{
|
||||
users: UserStackGroups;
|
||||
currentUserEmail?: string;
|
||||
currentUserEmail?: string | null;
|
||||
maxAvatars?: number;
|
||||
dropdownTrigger?: 'hover' | 'click';
|
||||
}>(),
|
||||
@@ -63,7 +64,7 @@ const menuHeight = computed(() => {
|
||||
|
||||
<template>
|
||||
<div class="user-stack" data-test-id="user-stack-container">
|
||||
<el-dropdown
|
||||
<ElDropdown
|
||||
:trigger="$props.dropdownTrigger"
|
||||
:max-height="menuHeight"
|
||||
popper-class="user-stack-popper"
|
||||
@@ -81,14 +82,14 @@ const menuHeight = computed(() => {
|
||||
<div v-if="hiddenUsersCount > 0" :class="$style.hiddenBadge">+{{ hiddenUsersCount }}</div>
|
||||
</div>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu class="user-stack-list" data-test-id="user-stack-list">
|
||||
<ElDropdownMenu class="user-stack-list" data-test-id="user-stack-list">
|
||||
<div v-for="(groupUsers, index) in nonEmptyGroups" :key="index">
|
||||
<div :class="$style.groupContainer">
|
||||
<el-dropdown-item>
|
||||
<ElDropdownItem>
|
||||
<header v-if="groupCount > 1" :class="$style.groupName">{{ index }}</header>
|
||||
</el-dropdown-item>
|
||||
</ElDropdownItem>
|
||||
<div :class="$style.groupUsers">
|
||||
<el-dropdown-item
|
||||
<ElDropdownItem
|
||||
v-for="user in groupUsers"
|
||||
:key="user.id"
|
||||
:data-test-id="`user-stack-info-${user.id}`"
|
||||
@@ -98,13 +99,13 @@ const menuHeight = computed(() => {
|
||||
v-bind="user"
|
||||
:is-current-user="user.email === props.currentUserEmail"
|
||||
/>
|
||||
</el-dropdown-item>
|
||||
</ElDropdownItem>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-dropdown-menu>
|
||||
</ElDropdownMenu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</ElDropdown>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user