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

     1  import React from 'react'
     2  import { useTranslation } from 'react-i18next'
     3  
     4  import { Breadcrumb } from '~/uikit'
     5  import CreateTaskConfig from '~/components/CreateOrUpdateTask'
     6  
     7  const CreateTask: React.FC = () => {
     8    const [t] = useTranslation()
     9  
    10    return (
    11      <div className="flex flex-col h-full overflow-y-auto">
    12        <div className="px-4 pt-4">
    13          <Breadcrumb>
    14            <Breadcrumb.Item>{t('migration')}</Breadcrumb.Item>
    15            <Breadcrumb.Item>{t('task list')}</Breadcrumb.Item>
    16            <Breadcrumb.Item>{t('create task')}</Breadcrumb.Item>
    17          </Breadcrumb>
    18        </div>
    19  
    20        <CreateTaskConfig className="flex-1" />
    21      </div>
    22    )
    23  }
    24  
    25  export default CreateTask