admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-16 17:46:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Update bolt icon to filled (#16954)

Browse Source
This commit is contained in:
Mutasem Aldmour
2025-07-03 15:05:56 +02:00
committed by GitHub
parent 827fb6963d
commit bf926ce87e
9 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/@n8n/design-system/src/components/N8nIcon/custom/bolt-filled.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.2251 1.02271C13.5179 0.968554 13.8195 1.00233 14.0913 1.11939L14.2055 1.17506L14.3149 1.23951C14.5275 1.37763 14.7014 1.56758 14.8208 1.79127L14.8764 1.90553L14.9214 2.02467C15.0145 2.30522 15.0227 2.60793 14.9438 2.89478C14.9403 2.90772 14.9372 2.92106 14.9331 2.93385L13.0132 8.95338L12.9965 9.00025H19.9995C20.3769 8.99952 20.7471 9.10523 21.0669 9.30592C21.3874 9.50712 21.6437 9.79562 21.8071 10.137C21.9704 10.4783 22.0341 10.8588 21.9897 11.2346C21.9453 11.6105 21.7946 11.9661 21.5561 12.26C21.5375 12.2829 21.5181 12.3052 21.4975 12.3264L11.5971 22.5266L11.5962 22.5256C11.3774 22.7595 11.0907 22.9194 10.7749 22.9778C10.4403 23.0397 10.0944 22.9859 9.7944 22.8254C9.4944 22.665 9.25775 22.4066 9.1235 22.094C8.98941 21.7815 8.96593 21.4327 9.05612 21.1047L9.06686 21.0657L10.9868 15.0462L11.0034 15.0003H3.99948C3.62236 15.0008 3.25253 14.8941 2.93307 14.6936C2.61276 14.4925 2.35617 14.2047 2.19284 13.8635C2.02947 13.5221 1.96581 13.1408 2.01022 12.7649C2.05468 12.3892 2.20544 12.0333 2.44382 11.7395C2.46238 11.7167 2.4819 11.6942 2.50241 11.6731L12.4028 1.47389C12.6215 1.23984 12.9091 1.08117 13.2251 1.02271Z" fill="currentColor" fill-opacity="0.9" style="fill:currentColor;fill-opacity:0.9;"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

3
packages/frontend/@n8n/design-system/src/components/N8nIcon/icons.ts
View File

@@ -1,4 +1,5 @@
import Binary from './custom/binary.svg';
import BoltFilled from './custom/bolt-filled.svg';
import GripLinesVertical from './custom/grip-lines-vertical.svg';
import Json from './custom/json.svg';
import PopOut from './custom/pop-out.svg';
@@ -385,6 +386,8 @@ export const deprecatedIconSet = {
export const updatedIconSet = {
// custom icons
// NOTE: ensure to replace any colors with "currentColor" in SVG
'bolt-filled': BoltFilled,
'grip-lines-vertical': GripLinesVertical,
variable: IconLucideVariable,
'pop-out': PopOut,

2
packages/frontend/@n8n/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue
View File

@@ -46,7 +46,7 @@ const { t } = useI18n();
</ElTag>
<N8nIcon
v-if="isTrigger"
icon="zap"
icon="bolt-filled"
size="xsmall"
:title="t('nodeCreator.nodeItem.triggerIconTitle')"
:class="$style.triggerIcon"

4
packages/frontend/editor-ui/src/components/Node/NodeCreator/CategoryItem.test.ts
View File

@@ -27,8 +27,8 @@ describe('CategoryItem', () => {
props: { name: 'Category Test', isTrigger: true },
});
expect(container.querySelector('[data-icon="zap"]')).toBeInTheDocument();
expect(container.querySelector('[data-icon="bolt-filled"]')).toBeInTheDocument();
await rerender({ isTrigger: false });
expect(container.querySelector('[data-icon="zap"]')).not.toBeInTheDocument();
expect(container.querySelector('[data-icon="bolt-filled"]')).not.toBeInTheDocument();
});
});

2
packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue
View File

@@ -28,7 +28,7 @@ const categoryName = computed(() => {
<div :class="{ [$style.category]: true, [$style.active]: active }">
<span :class="$style.name">
<span v-text="categoryName" />
<n8n-icon v-if="isTrigger" icon="zap" size="xsmall" :class="$style.triggerIcon" />
<n8n-icon v-if="isTrigger" icon="bolt-filled" size="xsmall" :class="$style.triggerIcon" />
<slot />
</span>
<n8n-icon v-if="expanded" icon="chevron-down" color="text-light" size="large" />

2
packages/frontend/editor-ui/src/components/Node/NodeCreator/viewsData.ts
View File

@@ -639,7 +639,7 @@ export function RegularView(nodes: SimplifiedNodeType[]) {
type: 'view',
properties: {
title: i18n.baseText('nodeCreator.triggerHelperPanel.addAnotherTrigger'),
icon: 'bolt',
icon: 'bolt-filled',
description: i18n.baseText('nodeCreator.triggerHelperPanel.addAnotherTriggerDescription'),
},
});

2
packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue
View File

@@ -40,7 +40,7 @@ const emit = defineEmits<{
{{ title }}
<span v-if="info" class="info">{{ info }}</span>
</div>
<N8nIcon v-if="isTrigger" class="trigger-icon" icon="zap" size="xsmall" />
<N8nIcon v-if="isTrigger" class="trigger-icon" icon="bolt-filled" size="xsmall" />
<div v-if="itemCount" class="extra-info" data-test-id="run-data-schema-node-item-count">
{{ i18n.baseText('ndv.output.items', { interpolate: { count: itemCount } }) }}
</div>

8
packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap
View File

@@ -446,7 +446,7 @@ exports[`VirtualSchema.vue > renders schema for empty objects and arrays 1`] = `
<n8n-icon-stub
class="trigger-icon"
data-v-882a318e=""
icon="zap"
icon="bolt-filled"
size="xsmall"
spin="false"
/>
@@ -1335,7 +1335,7 @@ exports[`VirtualSchema.vue > renders schema with spaces and dots 1`] = `
<n8n-icon-stub
class="trigger-icon"
data-v-882a318e=""
icon="zap"
icon="bolt-filled"
size="xsmall"
spin="false"
/>
@@ -1868,7 +1868,7 @@ exports[`VirtualSchema.vue > renders variables and context section 1`] = `
<n8n-icon-stub
class="trigger-icon"
data-v-882a318e=""
icon="zap"
icon="bolt-filled"
size="xsmall"
spin="false"
/>
@@ -2690,7 +2690,7 @@ exports[`VirtualSchema.vue > should expand all nodes when searching 1`] = `
<n8n-icon-stub
class="trigger-icon"
data-v-882a318e=""
icon="zap"
icon="bolt-filled"
size="xsmall"
spin="false"
/>

2
packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue
View File

@@ -56,7 +56,7 @@ async function handleClickExecute() {
<div :class="containerClass" @click.stop.prevent @mousedown.stop.prevent>
<div>
<div :class="$style.bolt">
<N8nIcon icon="zap" size="large" />
<N8nIcon icon="bolt-filled" size="large" />
</div>
<template v-if="!readOnly">