|
|
|
|
|
|
|
|
'use client' |
|
|
'use client' |
|
|
import { useTranslation } from 'react-i18next' |
|
|
import { useTranslation } from 'react-i18next' |
|
|
import { basePath } from '@/utils/var' |
|
|
|
|
|
import { |
|
|
import { |
|
|
RiAddLine, |
|
|
RiAddLine, |
|
|
RiArrowRightLine, |
|
|
RiArrowRightLine, |
|
|
|
|
|
|
|
|
<div className='bg-background-default-dimm flex min-h-[160px] flex-col rounded-xl border-[0.5px] |
|
|
<div className='bg-background-default-dimm flex min-h-[160px] flex-col rounded-xl border-[0.5px] |
|
|
border-components-panel-border transition-all duration-200 ease-in-out' |
|
|
border-components-panel-border transition-all duration-200 ease-in-out' |
|
|
> |
|
|
> |
|
|
<Link ref={ref} className='group flex grow cursor-pointer items-start p-4' href={`${basePath}/datasets/create`}> |
|
|
|
|
|
|
|
|
<Link ref={ref} className='group flex grow cursor-pointer items-start p-4' href='/datasets/create'> |
|
|
<div className='flex items-center gap-3'> |
|
|
<div className='flex items-center gap-3'> |
|
|
<div className='flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-regular bg-background-default-lighter |
|
|
<div className='flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-regular bg-background-default-lighter |
|
|
p-2 group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge' |
|
|
p-2 group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge' |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</Link> |
|
|
</Link> |
|
|
<div className='system-xs-regular p-4 pt-0 text-text-tertiary'>{t('dataset.createDatasetIntro')}</div> |
|
|
<div className='system-xs-regular p-4 pt-0 text-text-tertiary'>{t('dataset.createDatasetIntro')}</div> |
|
|
<Link className='group flex cursor-pointer items-center gap-1 rounded-b-xl border-t-[0.5px] border-divider-subtle p-4' href={`${basePath}/datasets/connect`}> |
|
|
|
|
|
|
|
|
<Link className='group flex cursor-pointer items-center gap-1 rounded-b-xl border-t-[0.5px] border-divider-subtle p-4' href='/datasets/connect'> |
|
|
<div className='system-xs-medium text-text-tertiary group-hover:text-text-accent'>{t('dataset.connectDataset')}</div> |
|
|
<div className='system-xs-medium text-text-tertiary group-hover:text-text-accent'>{t('dataset.connectDataset')}</div> |
|
|
<RiArrowRightLine className='h-3.5 w-3.5 text-text-tertiary group-hover:text-text-accent' /> |
|
|
<RiArrowRightLine className='h-3.5 w-3.5 text-text-tertiary group-hover:text-text-accent' /> |
|
|
</Link> |
|
|
</Link> |