Initial commit

web/app/(commonLayout)/datasets/NewDatasetCard.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+import { useState } from 'react'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import style from '../list.module.css'
+
+const CreateAppCard = () => {
+  const { t } = useTranslation()
+  const [showNewAppDialog, setShowNewAppDialog] = useState(false)
+
+  return (
+    <a className={classNames(style.listItem, style.newItemCard)} href='/datasets/create'>
+      <div className={style.listItemTitle}>
+        <span className={style.newItemIcon}>
+          <span className={classNames(style.newItemIconImage, style.newItemIconAdd)} />
+        </span>
+        <div className={classNames(style.listItemHeading, style.newItemCardHeading)}>
+          {t('dataset.createDataset')}
+        </div>
+      </div>
+      <div className={style.listItemDescription}>{t('dataset.createDatasetIntro')}</div>
+      {/* <div className='text-xs text-gray-500'>{t('app.createFromConfigFile')}</div> */}
+    </a>
+  )
+}
+
+export default CreateAppCard