feat: add team page

2024-08-24 21:17:19 -07:00
parent 516a022553
commit e12220441a
6 changed files with 128 additions and 3 deletions
@@ -0,0 +1,46 @@
+import Image from "next/image";
+import { useState } from "react";
+
+interface MemberProps {
+  name: string;
+  avatar: string;
+  role: string;
+  url: string;
+  joinDate: Date;
+}
+
+export const Member = (props: MemberProps): JSX.Element => {
+  const { name, avatar, role, url, joinDate } = props;
+
+  return (
+    <div className="flex items-start gap-2.5 pb-10 w-full">
+      <Image
+        className="rounded-full"
+        src={`https://cdn.nhcarrigan.com/avatars/${avatar}`}
+        alt={`${name}'s avatar.`}
+        width={75}
+        height={75}
+      />
+      <div className="flex flex-col w-full leading-1.5 p-4 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
+        <div>
+          <a
+            className="text-sm font-semibold text-[#abfcec]"
+            href={url}
+            target="noopener noreferrer"
+          >
+            {name}
+          </a>
+          <p className="text-sm font-normal text-gray-500 dark:text-gray-400">
+            {joinDate.toLocaleDateString("en-GB", {
+              month: "long",
+              year: "numeric",
+            })}
+          </p>
+        </div>
+        <p className="text-sm font-normal py-2.5 text-gray-900 dark:text-white">
+          {role}
+        </p>
+      </div>
+    </div>
+  );
+};