dify/web/app/components/datasets/no-linked-apps-panel.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

32 lines
1.2 KiB
TypeScript

import { RiApps2AddLine, RiBookOpenLine } from '@remixicon/react'
import * as React from 'react'
import { useTranslation } from 'react-i18next'
import { useDocLink } from '@/context/i18n'
const NoLinkedAppsPanel = () => {
const { t } = useTranslation()
const docLink = useDocLink()
return (
<div className="w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-4">
<div className="inline-flex rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle p-2">
<RiApps2AddLine className="size-4 text-text-tertiary" />
</div>
<div className="my-2 text-xs text-text-tertiary">
{t(($) => $['datasetMenus.emptyTip'], { ns: 'common' })}
</div>
<a
className="mt-2 inline-flex cursor-pointer items-center text-xs text-text-accent"
href={docLink('/use-dify/knowledge/integrate-knowledge-within-application')}
target="_blank"
rel="noopener noreferrer"
>
<RiBookOpenLine className="mr-1 size-4 text-text-accent" />
{t(($) => $['datasetMenus.viewDoc'], { ns: 'common' })}
</a>
</div>
)
}
export default React.memo(NoLinkedAppsPanel)