5fc1ba7067
* @janhq/plugin-core module * refactor web to use exported services from module * refactor data-plugin to provide DAL & move model logics to model management plugin * model-management in TS * add ci auto package, increate version, and publish to npm repository * chore: storage operations * chore: hybrid data-plugin esm & cjs module * chore: PouchDB Driver * chore: documentation --------- Co-authored-by: Hien To <hien@jan.ai> Co-authored-by: Service Account <service@jan.ai>
37 lines
909 B
TypeScript
37 lines
909 B
TypeScript
import React from "react";
|
|
import ModelVersionItem from "../ModelVersionItem";
|
|
import { Product } from "@/_models/Product";
|
|
import { ModelVersion } from "@/_models/ModelVersion";
|
|
|
|
type Props = {
|
|
model: Product;
|
|
versions: ModelVersion[];
|
|
recommendedVersion: string;
|
|
};
|
|
|
|
const ModelVersionList: React.FC<Props> = ({
|
|
model,
|
|
versions,
|
|
recommendedVersion,
|
|
}) => {
|
|
return (
|
|
<div className="px-4 py-5 border-t border-gray-200">
|
|
<div className="text-sm font-medium text-gray-500">
|
|
Available Versions
|
|
</div>
|
|
<div className="border border-gray-200 rounded-lg overflow-hidden">
|
|
{versions.map((item) => (
|
|
<ModelVersionItem
|
|
key={item._id}
|
|
model={model}
|
|
modelVersion={item}
|
|
isRecommended={item._id === recommendedVersion}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ModelVersionList;
|