mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-19 00:37:45 +08:00
7709d9df20
Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import DownloadCount from './base/download-count'
|
|
|
|
type Props = {
|
|
downloadCount?: number
|
|
tags: string[]
|
|
}
|
|
|
|
const CardMoreInfo = ({
|
|
downloadCount,
|
|
tags,
|
|
}: Props) => {
|
|
return (
|
|
<div className="flex h-5 items-center">
|
|
{downloadCount !== undefined && <DownloadCount downloadCount={downloadCount} />}
|
|
{downloadCount !== undefined && tags && tags.length > 0 && <div className="system-xs-regular mx-2 text-text-quaternary">·</div>}
|
|
{tags && tags.length > 0 && (
|
|
<>
|
|
<div className="flex h-4 flex-wrap space-x-2 overflow-hidden">
|
|
{tags.map(tag => (
|
|
<div
|
|
key={tag}
|
|
className="system-xs-regular flex max-w-[120px] space-x-1 overflow-hidden"
|
|
title={`# ${tag}`}
|
|
>
|
|
<span className="text-text-quaternary">#</span>
|
|
<span className="truncate text-text-tertiary">{tag}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CardMoreInfo
|