import { useEffect } from 'react'

import config from 'config'
import { ClusterPageShell } from 'dbaas/screens/ClusterV2/components'
import DMJob from 'dbaas/screens/DataMigration/DMJobDetail'

const ClusterDMJob = () => {
  useEffect(() => {
    document.title = `${config.PAGE_TITLE_PREFIX}Data Migration Job Detail`
  }, [])

  return (
    <ClusterPageShell title="Data Migration Job Detail" headerProps={{ withBack: true }}>
      <DMJob />
    </ClusterPageShell>
  )
}

export default ClusterDMJob