From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/(commonLayout)/datasets/NewDatasetCard.tsx | 34 +++++++++++++++-------------------
1 files changed, 15 insertions(+), 19 deletions(-)
diff --git "a/app/\050commonLayout\051/datasets/NewDatasetCard.tsx" "b/app/\050commonLayout\051/datasets/NewDatasetCard.tsx"
index ddc48c2..5dd244a 100644
--- "a/app/\050commonLayout\051/datasets/NewDatasetCard.tsx"
+++ "b/app/\050commonLayout\051/datasets/NewDatasetCard.tsx"
@@ -1,41 +1,37 @@
'use client'
+
+import { forwardRef } from 'react'
import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
import {
RiAddLine,
RiArrowRightLine,
} from '@remixicon/react'
-const CreateAppCard = (
- {
- ref,
- ..._
- },
-) => {
+const CreateAppCard = forwardRef<HTMLAnchorElement>((_, ref) => {
const { t } = useTranslation()
return (
- <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'
+ <div className='flex flex-col bg-background-default-dimm border-[0.5px] border-components-panel-border rounded-xl
+ min-h-[160px] transition-all duration-200 ease-in-out'
>
- <Link ref={ref} className='group flex grow cursor-pointer items-start p-4' href={'/datasets/create'}>
+ <a ref={ref} className='group flex flex-grow items-start p-4 cursor-pointer' href='/datasets/create'>
<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
- p-2 group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge'
+ <div className='w-10 h-10 p-2 flex items-center justify-center border border-dashed border-divider-regular rounded-lg
+ bg-background-default-lighter group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge'
>
- <RiAddLine className='h-4 w-4 text-text-tertiary group-hover:text-text-accent'/>
+ <RiAddLine className='w-4 h-4 text-text-tertiary group-hover:text-text-accent'/>
</div>
<div className='system-md-semibold text-text-secondary group-hover:text-text-accent'>{t('dataset.createDataset')}</div>
</div>
- </Link>
- <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={'datasets/connect'}>
+ </a>
+ <div className='p-4 pt-0 text-text-tertiary system-xs-regular'>{t('dataset.createDatasetIntro')}</div>
+ <a className='group flex p-4 items-center gap-1 border-t-[0.5px] border-divider-subtle rounded-b-xl cursor-pointer' href='/datasets/connect'>
<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' />
- </Link>
+ <RiArrowRightLine className='w-3.5 h-3.5 text-text-tertiary group-hover:text-text-accent' />
+ </a>
</div>
)
-}
+})
CreateAppCard.displayName = 'CreateAppCard'
--
Gitblit v1.8.0