import { fetchRecentProjectList } from '@/lib/fetch/clef';
import ProjectCard from './ProjectCard';

export interface ProjectListSideBarProps {}

const ProjectListSideBar: React.FC<ProjectListSideBarProps> = async () => {
	const recentProjects = await fetchRecentProjectList();
	return (
		<>
			{recentProjects.map(project => (
				<ProjectCard key={project.id} projectInfo={project} />
			))}
		</>
	);
};

export default ProjectListSideBar;
