admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 10:31:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Fix node icon in node creator header (#9782)

Browse Source
This commit is contained in:
Elias Meire
2024-06-18 10:05:18 +02:00
committed by GitHub
parent 08c6e9b571
commit b7d356f49c
3 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/editor-ui/src/components/Node/NodeCreator/Modes/NodesMode.vue
View File

@@ -24,6 +24,8 @@ import CategorizedItemsRenderer from '../Renderers/CategorizedItemsRenderer.vue'
import NoResults from '../Panel/NoResults.vue';
import { useI18n } from '@/composables/useI18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { getNodeIcon, getNodeIconColor, getNodeIconUrl } from '@/utils/nodeTypesUtils';
import { useUIStore } from '@/stores/ui.store';
export interface Props {
rootView: 'trigger' | 'action';
@@ -35,6 +37,8 @@ const emit = defineEmits({
const i18n = useI18n();
const telemetry = useTelemetry();
const uiStore = useUIStore();
const rootStore = useRootStore();
const { mergedNodes, actions } = useNodeCreatorStore();
const { baseUrl } = useRootStore();
@@ -86,11 +90,10 @@ function onSelected(item: INodeCreateElement) {
return;
}
const icon = item.properties.iconUrl
? `${baseUrl}${item.properties.iconUrl}`
: typeof item.properties.icon === 'string'
? item.properties.icon?.split(':')[1]
: undefined;
const iconUrl = getNodeIconUrl(item.properties, uiStore.appliedTheme);
const icon = iconUrl
? rootStore.baseUrl + iconUrl
: getNodeIcon(item.properties, uiStore.appliedTheme)?.split(':')[1];
const transformedActions = nodeActions?.map((a) =>
transformNodeType(a, item.properties.displayName, 'action'),
@@ -100,9 +103,9 @@ function onSelected(item: INodeCreateElement) {
subcategory: item.properties.displayName,
title: item.properties.displayName,
nodeIcon: {
color: item.properties.defaults?.color?.toString(),
color: getNodeIconColor(item.properties),
icon,
iconType: item.properties.iconUrl ? 'file' : 'icon',
iconType: iconUrl ? 'file' : 'icon',
},
rootView: activeViewStack.value.rootView,