From d15fd030830960e30799a1d8501ec59feabee4e2 Mon Sep 17 00:00:00 2001
From: Tan Su Yin <e0425292@u.nus.edu>
Date: Thu, 6 Oct 2022 17:54:17 +0800
Subject: [PATCH] [resume][feat] Add basic browse list item

---
 .../resumes/browse/BrowseListItem.tsx         | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 apps/portal/src/components/resumes/browse/BrowseListItem.tsx

diff --git a/apps/portal/src/components/resumes/browse/BrowseListItem.tsx b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
new file mode 100644
index 00000000..3d2e6509
--- /dev/null
+++ b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
@@ -0,0 +1,29 @@
+import Link from 'next/link';
+import type { UrlObject } from 'url';
+
+type ResumeInfo = Readonly<{
+  createdAt: Date;
+  experience: string;
+  numComments: number;
+  numStars: number;
+  role: string;
+  title: string;
+  user: string;
+}>;
+
+type Props = Readonly<{
+  href: UrlObject | string;
+  resumeInfo: ResumeInfo;
+}>;
+
+export default function BrowseListItem({ href, resumeInfo }: Props) {
+  return (
+    <Link href={href}>
+      {resumeInfo.title}
+      {resumeInfo.role}
+      {resumeInfo.experience}
+      {resumeInfo.numComments}
+      {resumeInfo.numStars}
+    </Link>
+  );
+}