diff --git a/packages/editor-ui/src/components/MainHeader/CollaborationPane.vue b/packages/editor-ui/src/components/MainHeader/CollaborationPane.vue index 83230acd6c..43423c914c 100644 --- a/packages/editor-ui/src/components/MainHeader/CollaborationPane.vue +++ b/packages/editor-ui/src/components/MainHeader/CollaborationPane.vue @@ -18,6 +18,8 @@ watch(visibility, (visibilityState) => { } }); +const showUserStack = computed(() => collaborationStore.collaborators.length > 1); + const collaboratorsSorted = computed(() => { const currentWorkflowUsers = collaborationStore.collaborators.map(({ user }) => user); const owner = currentWorkflowUsers.find(isUserGlobalOwner); @@ -44,7 +46,11 @@ onBeforeUnmount(() => { :class="`collaboration-pane-container ${$style.container}`" data-test-id="collaboration-pane" > - + diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue index 0b8f61326e..0cc6dfe58e 100644 --- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue +++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue @@ -668,7 +668,7 @@ function showCreateWorkflowSuccessToast(id?: string) {
- + { // Owner is second in the store but should be rendered first expect(firstAvatar).toHaveAttribute('data-test-id', `user-stack-avatar-${OWNER_USER.id}`); }); + + it('should not render the user-stack if there is only one user', async () => { + const { getByTestId } = renderComponent({ + pinia: createTestingPinia({ + initialState: { + ...initialState, + [STORES.COLLABORATION]: { + collaborators: [{ lastSeen: '2023-11-22T10:17:12.246Z', user: OWNER_USER }], + }, + }, + }), + }); + await waitAllPromises(); + + const collaborationPane = getByTestId('collaboration-pane'); + expect(collaborationPane).toBeInTheDocument(); + expect(collaborationPane.querySelector('[data-test-id=user-stack-avatars]')).toBeNull(); + }); });