github.com/pingcap/tiflow@v0.0.0-20240520035814-5bf52d54e205/dm/ui/src/components/SimpleTaskPanel/index.tsx (about)

     1  import React from 'react'
     2  
     3  import { DatabaseOutlined, FlagOutlined } from '~/uikit/icons'
     4  import { calculateTaskStatus, Task } from '~/models/task'
     5  import TaskUnitTag from '~/components/SimpleTaskPanel/TaskUnitTag'
     6  
     7  const SimpleTaskPanel: React.FC<{
     8    task: Task
     9    preventClick?: boolean
    10  }> = ({ task, preventClick }) => {
    11    const { status_list: statusList, name } = task
    12    return (
    13      <div
    14        className="flex-1 flex justify-between"
    15        onClick={e => {
    16          if (preventClick) {
    17            e.stopPropagation()
    18            e.preventDefault()
    19          }
    20        }}
    21      >
    22        <span>
    23          <DatabaseOutlined className="mr-2" />
    24          {name}
    25        </span>
    26        <span>
    27          <TaskUnitTag status={task.status_list} />
    28        </span>
    29        <span>
    30          <FlagOutlined className="mr-2" />
    31          {calculateTaskStatus(statusList)}
    32        </span>
    33      </div>
    34    )
    35  }
    36  
    37  export default SimpleTaskPanel