36 lines
921 B
TypeScript
36 lines
921 B
TypeScript
import { AssistantModel } from '@/_models/AssistantModel'
|
|
import DownloadModelContent from '../DownloadModelContent'
|
|
|
|
type Props = {
|
|
model: AssistantModel
|
|
isRecommend: boolean
|
|
required?: string
|
|
transferred?: number
|
|
onDeleteClick?: (model: AssistantModel) => void
|
|
}
|
|
|
|
const DownloadedModelCard: React.FC<Props> = ({
|
|
model,
|
|
isRecommend,
|
|
required,
|
|
onDeleteClick,
|
|
}) => (
|
|
<div className="rounded-lg border border-gray-200">
|
|
<div className="flex justify-between gap-2.5 px-3 py-4">
|
|
<DownloadModelContent
|
|
required={required}
|
|
author={model.author}
|
|
description={model.shortDescription}
|
|
isRecommend={isRecommend}
|
|
name={model.name}
|
|
type={model.type}
|
|
/>
|
|
<div className="flex flex-col justify-center">
|
|
<button onClick={() => onDeleteClick?.(model)}>Delete</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
export default DownloadedModelCard
|