36 lines
931 B
TypeScript
36 lines
931 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="border rounded-lg border-gray-200">
|
|
<div className="flex justify-between py-4 px-3 gap-2.5">
|
|
<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;
|