dify/web/app/components/workflow/panel/debug-and-preview/empty.tsx
Stephen Zhou b9fde89781
refactor(web): migrate i18n to selector optimize mode (#38657)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-10 09:35:31 +00:00

20 lines
579 B
TypeScript

import { useTranslation } from 'react-i18next'
import { ChatBotSlim } from '@/app/components/base/icons/src/vender/line/communication'
const Empty = () => {
const { t } = useTranslation()
return (
<div className="absolute top-1/2 left-1/2 -translate-1/2">
<div className="mb-2 flex justify-center">
<ChatBotSlim className="size-12 text-gray-300" />
</div>
<div className="w-[256px] text-center text-[13px] text-gray-400">
{t($ => $['common.previewPlaceholder'], { ns: 'workflow' })}
</div>
</div>
)
}
export default Empty