dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-08 00:04:27 +01:00
parent c0a4ee4ec8
commit 9e5fada009
4 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/graph/ConfigNode.tsx
View File

@@ -12,7 +12,7 @@ import {
BaseNodeFooter,
BaseNodeHeaderRow,
} from './BaseNode'
import { ScrollText } from 'lucide-react'
import { Code2, ScrollText, Variable } from 'lucide-react'
import {
MenubarItem,
MenubarSub,
@@ -173,8 +173,9 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
hasDependencies ? (
<>
{connectedConfigNodes.map((n: any) => (
<MenubarSub key={`config-${n.id}`}>
<MenubarSubTrigger className="text-xs">
<MenubarSub key={`${n.id}`}>
<MenubarSubTrigger className="text-xs flex items-center gap-2">
<ScrollText className="size-3.5 shrink-0" />
{n.data?.title ?? n.id}
</MenubarSubTrigger>
<MenubarSubContent>
@@ -182,26 +183,27 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
className="text-xs"
onClick={() => insertExtendsFromNode(n, 'cursor')}
>
extend
Extend
</MenubarItem>
<MenubarItem
className="text-xs"
onClick={() => insertIncludeFromNode(n, 'cursor')}
>
include
Include
</MenubarItem>
<MenubarItem
className="text-xs"
onClick={() => insertImportFromNode(n, 'cursor')}
>
import
Import
</MenubarItem>
</MenubarSubContent>
</MenubarSub>
))}
{connectedVariableNodes.map((n: any) => (
<MenubarSub key={`var-${n.id}`}>
<MenubarSubTrigger className="text-xs">
<MenubarSub key={`${n.id}`}>
<MenubarSubTrigger className="text-xs flex items-center gap-2">
<Variable className="size-3.5 shrink-0" />
{n.id}
</MenubarSubTrigger>
<MenubarSubContent>
@@ -209,14 +211,15 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
className="text-xs"
onClick={() => insertVariableReference(n, 'cursor')}
>
Insert at cursor
Insert
</MenubarItem>
</MenubarSubContent>
</MenubarSub>
))}
{connectedFunctionNodes.map((n: any) => (
<MenubarSub key={`fn-${n.id}`}>
<MenubarSubTrigger className="text-xs">
<MenubarSub key={`${n.id}`}>
<MenubarSubTrigger className="text-xs flex items-center gap-2">
<Code2 className="size-3.5 shrink-0" />
{n.id}
</MenubarSubTrigger>
<MenubarSubContent>
@@ -224,7 +227,7 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
className="text-xs"
onClick={() => insertFunctionCall(n, 'cursor')}
>
Insert at cursor
Insert
</MenubarItem>
</MenubarSubContent>
</MenubarSub>