Kemas M. Aryadary Rasyad
26 lines
852 B
TypeScript
26 lines
852 B
TypeScript
import type { Project } from '../../../lib/mockData';
|
|
import ProjectTimeline from './components/ProjectTimeline';
|
|
import TaskCard from './components/ProjectTaskCard';
|
|
import HeroProject from './components/Hero-project';
|
|
|
|
export default function ForumTab({ project }: { project: Project }) {
|
|
return (
|
|
<div>
|
|
{/* Hero banner */}
|
|
<HeroProject title={project.name} description={project.description} />
|
|
|
|
{/* Timeline + Task list */}
|
|
<div className="flex gap-7 items-start">
|
|
<div className="w-1/5 bg-white rounded-xl p-5 shadow-md shrink-0">
|
|
<ProjectTimeline tasks={project.tasks} />
|
|
</div>
|
|
|
|
<div className="w-4/5">
|
|
{project.tasks.map((task, idx) => (
|
|
<TaskCard key={idx} task={task} projectName={project.name} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |