Function StickyNote

packages/ui/src/views/canvas/StickyNote.jsx:18–123

({ data })

import { flowContext } from '@/store/context/ReactFlowContext'

const StickyNote = ({ data }) => {
    const theme = useTheme()
    const canvas = useSelector((state) => state.canvas)
    const customization = useSelector((state) => state.customization)
    const { deleteNode, duplicateNode } = useContext(flowContext)
    const [inputParam] = data.inputParams

    const [open, setOpen] = useState(false)

    const handleClose = () => {
        setOpen(false)
    }

    const handleOpen = () => {
        setOpen(true)
    }

    const defaultColor = '#FFE770' // fallback color if data.color is not present
    const nodeColor = data.color || defaultColor

    const getBorderColor = () => {
        if (data.selected) return theme.palette.primary.main
        else if (customization?.isDarkMode) return theme.palette.grey[700]
        else return theme.palette.grey[900] + 50
    }

    const getBackgroundColor = () => {
        if (customization?.isDarkMode) {
            return data.selected ? darken(nodeColor, 0.7) : darken(nodeColor, 0.8)
        } else {
            return data.selected ? lighten(nodeColor, 0.1) : lighten(nodeColor, 0.2)
        }
    }

    return (
        <>
            <NodeCardWrapper
                content={false}
                sx={{
                    padding: 0,
                    borderColor: getBorderColor(),
                    backgroundColor: getBackgroundColor()
                }}
                border={false}
            >
                <NodeTooltip
                    open={!canvas.canvasDialogShow && open}
                    onClose={handleClose}
                    onOpen={handleOpen}
                    disableFocusListener={true}
                    title={
                        <div
                            style={{
                                background: 'transparent',
                                display: 'flex',
                                flexDirection: 'column'
                            }}
                        >