29 lines
781 B
TypeScript
29 lines
781 B
TypeScript
import React, { useEffect } from 'react'
|
|
import ExploreModelItem from '../ExploreModelItem'
|
|
import { getConfiguredModels } from '@/_hooks/useGetDownloadedModels'
|
|
import useGetConfiguredModels from '@/_hooks/useGetConfiguredModels'
|
|
import { Waveform } from '@uiball/loaders'
|
|
|
|
const ExploreModelList: React.FC = () => {
|
|
const { loading, models } = useGetConfiguredModels()
|
|
|
|
useEffect(() => {
|
|
getConfiguredModels()
|
|
}, [])
|
|
|
|
return (
|
|
<div className="scroll flex flex-1 flex-col overflow-y-auto">
|
|
{loading && (
|
|
<div className="mx-auto">
|
|
<Waveform size={24} color="#CBD5E0" />
|
|
</div>
|
|
)}
|
|
{models.map((item) => (
|
|
<ExploreModelItem key={item._id} model={item} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ExploreModelList
|