feat: DropdownNode - add isError prop

Author: RohitRaj011

src/Shared/Components/GraphVisualizer/components/DropdownNode.tsx

@@ -6,15 +6,16 @@ import { SelectPicker, SelectPickerVariantType } from '../../SelectPicker'
 import { DropdownNodeProps } from './types'
 
 export const DropdownNode = ({ id, data, isConnectable }: NodeProps<DropdownNodeProps>) => {
+    const { isError, ...restData } = data
     const edges = useEdges()
 
     const hasSource = edges.some(({ source }) => source === id)
     const hasTarget = edges.some(({ target }) => target === id)
 
     return (
-        <div className="bg__primary border__primary br-6 dc__inline-flex w-180">
+        <div className={`bg__primary border__primary br-6 dc__inline-flex w-180 ${isError ? 'er-5' : ''}`}>
             <SelectPicker<string | number, false>
-                {...data}
+                {...restData}
                 classNamePrefix="graph-visualizer-dropdown-node"
                 variant={SelectPickerVariantType.BORDER_LESS}
                 menuPortalTarget={document.querySelector('.graph-visualizer')}

src/Shared/Components/GraphVisualizer/components/types.ts

@@ -21,7 +21,9 @@ export type TextNodeProps = Node<
 export type DropdownNodeProps = Node<
     Omit<
         SelectPickerProps<string | number, false>,
-        'variant' | 'fullWidth' | 'classNamePrefix' | 'menuPosition' | 'menuSize' | 'menuPortalTarget'
-    >,
+        'variant' | 'fullWidth' | 'classNamePrefix' | 'menuPosition' | 'menuSize' | 'menuPortalTarget' | 'error'
+    > & {
+        isError?: boolean
+    },
     'dropdownNode'
 >