diff --git a/src/frontend/src/CustomEdges/index.tsx b/src/frontend/src/CustomEdges/index.tsx index 59db2d38b..32866d8bd 100644 --- a/src/frontend/src/CustomEdges/index.tsx +++ b/src/frontend/src/CustomEdges/index.tsx @@ -56,11 +56,26 @@ export function DefaultEdge({ targetY: targetYNew, }); + const { + animated, + selectable, + deletable, + sourcePosition, + targetPosition, + pathOptions, + selected, + ...domSafeProps + } = props; + return ( ); } diff --git a/src/frontend/src/CustomNodes/GenericNode/components/NodeOutputfield/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/NodeOutputfield/index.tsx index ae4d86c88..d7945ad45 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/NodeOutputfield/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/NodeOutputfield/index.tsx @@ -3,7 +3,14 @@ import { ICON_STROKE_WIDTH } from "@/constants/constants"; import { targetHandleType } from "@/types/flow"; import { useUpdateNodeInternals } from "@xyflow/react"; import { cloneDeep } from "lodash"; -import { memo, useCallback, useEffect, useMemo, useRef } from "react"; +import { + forwardRef, + memo, + useCallback, + useEffect, + useMemo, + useRef, +} from "react"; import ForwardedIconComponent, { default as IconComponent, } from "../../../../components/common/genericIconComponent"; @@ -96,49 +103,56 @@ const HideShowButton = memo( ); const InspectButton = memo( - ({ - disabled, - displayOutputPreview, - unknownOutput, - errorOutput, - isToolMode, - title, - onClick, - id, - }: { - disabled: boolean | undefined; - displayOutputPreview: boolean; - unknownOutput: boolean | undefined; - errorOutput: boolean; - isToolMode: boolean; - title: string; - onClick: () => void; - id: string; - }) => ( - + forwardRef( + ( + { + disabled, + displayOutputPreview, + unknownOutput, + errorOutput, + isToolMode, + title, + onClick, + id, + }: { + disabled: boolean | undefined; + displayOutputPreview: boolean; + unknownOutput: boolean | undefined; + errorOutput: boolean; + isToolMode: boolean; + title: string; + onClick: () => void; + id: string; + }, + ref: React.ForwardedRef, + ) => ( + + ), ), ); +InspectButton.displayName = "InspectButton"; const MemoizedOutputComponent = memo(OutputComponent); diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx index 32ebd57ea..7d9ca1c7a 100644 --- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx @@ -18,11 +18,7 @@ export default function SingleAlert({ key={dropItem.id} >
-

@@ -80,11 +76,7 @@ export default function SingleAlert({ className="inline-flex rounded-md p-1.5 text-status-red" > Dismiss -

@@ -95,11 +87,7 @@ export default function SingleAlert({ key={dropItem.id} >
-

@@ -131,11 +119,7 @@ export default function SingleAlert({ className="inline-flex rounded-md p-1.5 text-info-foreground" > Dismiss -

@@ -149,7 +133,6 @@ export default function SingleAlert({