bug fixes

acm-ucr · Jan 23, 2024 · 537a34f · 537a34f
1 parent 7fe0b44
commit 537a34f
Show file tree

Hide file tree

Showing 3 changed files with 64 additions and 6 deletions.
diff --git a/src/app/board/page.js b/src/app/board/page.js
@@ -1,7 +1,11 @@
 import React from "react";
-
+import Team from "@/components/board/Team";
 const page = () => {
-  return <div>page</div>;
+  return (
+    <div>
+      <Team />
+    </div>
+  );
 };
 
 export default page;
diff --git a/src/components/board/Profile.js b/src/components/board/Profile.js
@@ -16,11 +16,11 @@ const Profile = ({
   pronouns,
 }) => {
   return (
-    <div className="border-2 border-black font-poppins bg-white w-72 h-auto rounded-xl">
+    <div className="border-2 border-black font-poppins bg-white w-full h-auto rounded-xl">
       <Image
         src={image}
         alt="Picture of board member"
-        className="rounded-xl border-2 border-black mt-3 mr-auto ml-auto w-60 h-58"
+        className=" mt-3 mr-auto ml-auto"
       />
       <div className="ml-5">
         <div className="font-bold text-xl mt-3">{name}</div>

diff --git a/src/components/board/Team.js b/src/components/board/Team.js
@@ -1,7 +1,61 @@
 import React from "react";
-
+import Profile from "@/components/board/Profile";
+import Javen from "@/public/assets/board/Javen.svg";
 const Team = () => {
-  return <div>Team</div>;
+  return (
+    <div className="flex justify-center items-center">
+      <div className="grid grid-cols-4 w-10/12  gap-3 justify-center items-center bg-red-200">
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="[email protected]"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="[email protected]"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="[email protected]"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="[email protected]"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+      </div>
+    </div>
+  );
 };
 
 export default Team;