github.com/pingcap/tiflow@v0.0.0-20240520035814-5bf52d54e205/dm/ui/src/pages/migration/task/edit.tsx (about)

     1  import React from 'react'
     2  import { useTranslation } from 'react-i18next'
     3  import { Link } from 'react-router-dom'
     4  
     5  import { useAppSelector } from '~/models'
     6  import { Breadcrumb } from '~/uikit'
     7  import CreateTaskConfig from '~/components/CreateOrUpdateTask'
     8  
     9  const EditTask: React.FC = () => {
    10    const [t] = useTranslation()
    11    const data = useAppSelector(state => state.globals.preloadedTask)
    12  
    13    return (
    14      <div className="flex flex-col h-full overflow-y-auto">
    15        <div className="px-4 pt-4">
    16          <Breadcrumb>
    17            <Breadcrumb.Item>{t('migration')}</Breadcrumb.Item>
    18            <Breadcrumb.Item>
    19              <Link to="/migration/task">{t('task list')}</Link>
    20            </Breadcrumb.Item>
    21            <Breadcrumb.Item>{t('edit task')}</Breadcrumb.Item>
    22          </Breadcrumb>
    23        </div>
    24  
    25        <CreateTaskConfig data={data} className="flex-1" />
    26      </div>
    27    )
    28  }
    29  
    30  export default EditTask