components/project-sidebar/ProjectListSideBar.tsx

import { fetchRecentProjectList } from '@/lib/fetch';
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;