mirror of
https://github.com/dograh-hq/dograh.git
synced 2026-06-13 08:15:21 +02:00
chore: minor UI fixes
This commit is contained in:
parent
332754a809
commit
3da439207c
14 changed files with 92 additions and 141 deletions
|
|
@ -10,9 +10,8 @@ export const BaseNode = forwardRef<
|
|||
selected_through_edge?: boolean;
|
||||
hovered_through_edge?: boolean;
|
||||
runtimeActive?: boolean;
|
||||
runtimePulseNonce?: number;
|
||||
}
|
||||
>(({ children, className, selected, invalid, selected_through_edge, hovered_through_edge, runtimeActive, runtimePulseNonce, ...props }, ref) => (
|
||||
>(({ children, className, selected, invalid, selected_through_edge, hovered_through_edge, runtimeActive, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
className={cn(
|
||||
|
|
@ -34,14 +33,6 @@ export const BaseNode = forwardRef<
|
|||
tabIndex={0}
|
||||
{...props}
|
||||
>
|
||||
{runtimeActive ? (
|
||||
<span
|
||||
key={`runtime-pulse-${runtimePulseNonce ?? 0}`}
|
||||
className="pointer-events-none absolute -inset-2 rounded-[18px] border-2 border-sky-400/55"
|
||||
aria-hidden="true"
|
||||
style={{ animation: "ping 900ms ease-out 2" }}
|
||||
/>
|
||||
) : null}
|
||||
{children}
|
||||
</div>
|
||||
));
|
||||
|
|
|
|||
|
|
@ -609,7 +609,6 @@ export const GenericNode = memo(({ data, selected, id, type }: GenericNodeProps)
|
|||
selected_through_edge={data.selected_through_edge}
|
||||
hovered_through_edge={data.hovered_through_edge}
|
||||
runtimeActive={data.runtime_active}
|
||||
runtimePulseNonce={data.runtime_pulse_nonce}
|
||||
title={data.name || fallbackTitle}
|
||||
icon={<Icon />}
|
||||
badgeLabel={badge.label}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ interface NodeContentProps {
|
|||
selected_through_edge?: boolean;
|
||||
hovered_through_edge?: boolean;
|
||||
runtimeActive?: boolean;
|
||||
runtimePulseNonce?: number;
|
||||
title: string;
|
||||
icon: ReactNode;
|
||||
badgeLabel?: string;
|
||||
|
|
@ -34,7 +33,6 @@ export const NodeContent = ({
|
|||
selected_through_edge,
|
||||
hovered_through_edge,
|
||||
runtimeActive,
|
||||
runtimePulseNonce,
|
||||
title,
|
||||
icon,
|
||||
badgeLabel,
|
||||
|
|
@ -59,7 +57,6 @@ export const NodeContent = ({
|
|||
selected_through_edge={selected_through_edge}
|
||||
hovered_through_edge={hovered_through_edge}
|
||||
runtimeActive={runtimeActive}
|
||||
runtimePulseNonce={runtimePulseNonce}
|
||||
className={`p-0 ${className}`}
|
||||
onDoubleClick={onDoubleClick}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@ export type FlowNodeData = {
|
|||
selected_through_edge?: boolean;
|
||||
hovered_through_edge?: boolean;
|
||||
runtime_active?: boolean;
|
||||
runtime_pulse_nonce?: number;
|
||||
allow_interrupt?: boolean;
|
||||
extraction_enabled?: boolean;
|
||||
extraction_prompt?: string;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue