chore: tip

web/app/(commonLayout)/apps/check-legacy/components/list.tsx

@@ -7,17 +7,15 @@ import AppIcon from '@/app/components/base/app-icon'
 
 const i18nPrefix = 'app.checkLegacy.list'
 type Props = {
-  className?: string
   list: any[]
 }
 
 const List: FC<Props> = ({
-  className,
   list,
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='grow'>
+    <div className='h-0 grow overflow-y-auto'>
       {list.length > 0 ? (
         <table className={cn('mt-2 w-full min-w-[440px] border-collapse border-0')}>
         <thead className='system-xs-medium-uppercase text-text-tertiary'>

web/app/(commonLayout)/apps/check-legacy/components/tip.tsx

@@ -2,14 +2,22 @@
 import { RiBookOpenLine } from '@remixicon/react'
 import type { FC } from 'react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+const i18nPrefix = 'app.checkLegacy.tip'
 
 const Tip: FC = () => {
+  const { t } = useTranslation()
   return (
     <div className='w-[316px] rounded-xl bg-background-section p-6'>
-      <div className='rounded-[10px] border-[0.5px] border-components-card-border p-2 shadow-lg'>
+      <div className='inline-flex rounded-[10px] border-[0.5px]  border-components-card-border bg-components-card-border p-2 shadow-lg backdrop-blur-[5px]'>
         <RiBookOpenLine className='size-5 text-text-accent' />
       </div>
+      <div className='system-xl-semibold mt-3 text-text-primary'>{t(`${i18nPrefix}.title`)}</div>
+      <div className='system-sm-regular mt-2 text-text-secondary'>{t(`${i18nPrefix}.description`)}</div>
+      <a className='system-sm-medium mt-2 text-text-accent' target='_blank' href='todo'>{t(`${i18nPrefix}.learnMore`)}</a>
     </div>
   )
 }
+
 export default React.memo(Tip)

web/app/(commonLayout)/apps/check-legacy/use-legacy-list.ts

@@ -2,7 +2,7 @@ import produce from 'immer'
 import { useCallback, useState } from 'react'
 
 const useLegacyList = () => {
-  const list: any[] = [{}, {}, {}] // Placeholder for the list, replace with actual data fetching logic
+  const list: any[] = [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}] // Placeholder for the list, replace with actual data fetching logic
   const [queryParams, setQueryParams] = useState<Record<string, any>>({})
   const {
     sort_by,

web/i18n/en-US/app.ts

@@ -249,6 +249,11 @@ const translation = {
       createAt: 'Created At',
       noData: 'No items found',
     },
+    tip: {
+      title: 'How to solve it?',
+      description: 'You can now create file type variables in the start form. We will no longer support the image upload feature in the future.',
+      learnMore: 'Learn more',
+    },
   },
 }
 

web/i18n/zh-Hans/app.ts

@@ -250,6 +250,11 @@ const translation = {
       createAt: '创建时间',
       noData: '暂无数据',
     },
+    tip: {
+      title: '如何解决？',
+      description: '您现在可以在开始表单中创建文件类型变量。未来我们将不再支持图片上传功能。',
+      learnMore: '了解更多',
+    },
   },
 }