fix(editor): Workflow diff UX improvements (#19047)

This commit is contained in:
Raúl Gómez Morales
2025-09-03 16:48:10 +02:00
committed by GitHub
parent fc094518d6
commit 277685e9e5
6 changed files with 46 additions and 15 deletions

View File

@@ -15,7 +15,15 @@ import {
notifyUserAboutPullWorkFolderOutcome,
} from '@/utils/sourceControlUtils';
import { type SourceControlledFile, SOURCE_CONTROL_FILE_TYPE } from '@n8n/api-types';
import { N8nBadge, N8nButton, N8nHeading, N8nInfoTip, N8nLink, N8nText } from '@n8n/design-system';
import {
N8nBadge,
N8nButton,
N8nHeading,
N8nInfoTip,
N8nLink,
N8nText,
N8nTooltip,
} from '@n8n/design-system';
import { useI18n } from '@n8n/i18n';
import type { EventBus } from '@n8n/utils/event-bus';
import dateformat from 'dateformat';
@@ -355,12 +363,17 @@ onMounted(() => {
{{ getStatusText(file.status) }}
</N8nBadge>
<template v-if="isWorkflowDiffsEnabled">
<N8nIconButton
<N8nTooltip
v-if="file.type === SOURCE_CONTROL_FILE_TYPE.workflow"
icon="file-diff"
type="secondary"
@click="openDiffModal(file.id)"
/>
:content="i18n.baseText('workflowDiff.compare')"
placement="top"
>
<N8nIconButton
icon="file-diff"
type="secondary"
@click="openDiffModal(file.id)"
/>
</N8nTooltip>
</template>
</span>
</div>

View File

@@ -33,6 +33,7 @@ import {
N8nPopover,
N8nSelect,
N8nText,
N8nTooltip,
} from '@n8n/design-system';
import { useI18n } from '@n8n/i18n';
import type { EventBus } from '@n8n/utils/event-bus';
@@ -889,12 +890,17 @@ onMounted(async () => {
{{ getStatusText(file.status) }}
</N8nBadge>
<template v-if="isWorkflowDiffsEnabled">
<N8nIconButton
<N8nTooltip
v-if="file.type === SOURCE_CONTROL_FILE_TYPE.workflow"
icon="file-diff"
type="secondary"
@click="openDiffModal(file.id)"
/>
:content="i18n.baseText('workflowDiff.compare')"
placement="top"
>
<N8nIconButton
icon="file-diff"
type="secondary"
@click="openDiffModal(file.id)"
/>
</N8nTooltip>
</template>
</span>
</N8nCheckbox>