Function Node

javascript/grid-ui/src/components/Node/Node.tsx:78–213

(props)

}

function Node (props) {
  const { node, sessions = [], origin } = props
  const [liveViewSessionId, setLiveViewSessionId] = useState('')
  const liveViewRef = useRef<{ disconnect: () => void }>(null)

  const vncSession = sessions.find(session => {
    try {
      const capabilities = JSON.parse(session.capabilities)
      return capabilities['se:vnc'] !== undefined && capabilities['se:vnc'] !== ''
    } catch (e) {
      return false
    }
  })

  const handleLiveViewIconClick = () => {
    if (vncSession) {
      setLiveViewSessionId(vncSession.id)
    }
  }

  const handleDialogClose = () => {
    if (liveViewRef.current) {
      liveViewRef.current.disconnect()
    }
    setLiveViewSessionId('')
  }
  const getCardStyle = (status: string) => {
    const baseStyle = {
      height: '100%',
      flexGrow: 1
    }
    
    if (status === 'DOWN') {
      return {
        ...baseStyle,
        opacity: 0.6,
        border: '2px solid',
        borderColor: 'error.main',
        bgcolor: 'action.disabledBackground'
      }
    }
    
    if (status === 'DRAINING') {
      return {
        ...baseStyle,
        border: '2px solid',
        borderColor: 'warning.main',
        bgcolor: 'action.hover'
      }
    }
    
    return baseStyle
  }

  return (
    <>
    <Card sx={getCardStyle(node.status)}>
      <CardContent sx={{ pl: 2, pr: 1 }}>