From bc09855c81933f92129c5a55eb17d009c9c8b296 Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Tue, 5 Sep 2023 19:38:54 -0400
Subject: [PATCH] finish contribution card with mock data

---
 .../ideation/components/ContributionCard.tsx  | 30 +++++++++++++------
 .../ideation/components/IdeationContainer.tsx |  2 +-
 src/app/ideation/components/VoteCard.tsx      |  6 +++-
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/app/ideation/components/ContributionCard.tsx b/src/app/ideation/components/ContributionCard.tsx
index a532659b..a967e83d 100644
--- a/src/app/ideation/components/ContributionCard.tsx
+++ b/src/app/ideation/components/ContributionCard.tsx
@@ -1,20 +1,32 @@
 import { Avatar, Button } from "@/components";
 
-function ContributionCard() {
+interface ContributionCardProps {
+  own_idea: boolean;
+  contributed_by: {
+    name: string;
+    avatar?: string;
+  };
+}
+
+function ContributionCard({ own_idea, contributed_by }: ContributionCardProps) {
   return (
     <div className="card w-1/3 h-fit bg-accent-focus rounded-lg">
       <section className="flex flex-col items-start p-4 gap-y-4">
         <h1 className="text-base font-medium text-neutral-focus">
           Contributed By
         </h1>
-        <Avatar width={64} height={64} />
-        <h2 className="text-xl font-semibold text-neutral-focus">Test User</h2>
-        <Button
-          title="Vote"
-          customClassName="w-full bg-base-content text-neutral-focus border-primary"
-        >
-          Vote
-        </Button>
+        <Avatar width={64} height={64} image={contributed_by.avatar} />
+        <h2 className="text-xl font-semibold text-neutral-focus">
+          {contributed_by.name}
+        </h2>
+        {own_idea ? (
+          <Button
+            title="Vote"
+            customClassName="w-full bg-base-content text-neutral-focus border-primary"
+          >
+            Edit Project
+          </Button>
+        ) : null}
       </section>
     </div>
   );
diff --git a/src/app/ideation/components/IdeationContainer.tsx b/src/app/ideation/components/IdeationContainer.tsx
index 4d1fa1b4..33a63a54 100644
--- a/src/app/ideation/components/IdeationContainer.tsx
+++ b/src/app/ideation/components/IdeationContainer.tsx
@@ -27,7 +27,7 @@ function IdeationContainer({
           {vision_statement}
         </p>
       </section>
-      <ContributionCard />
+      <ContributionCard own_idea={own_idea} contributed_by={contributed_by} />
     </div>
   );
 }
diff --git a/src/app/ideation/components/VoteCard.tsx b/src/app/ideation/components/VoteCard.tsx
index dccef002..f590f5ac 100644
--- a/src/app/ideation/components/VoteCard.tsx
+++ b/src/app/ideation/components/VoteCard.tsx
@@ -18,7 +18,11 @@ function VoteCard({ users, voted }: VoteCardProps) {
             <Avatar width={24} height={24} key={user} />
           ))}
         </div>
-        <Button title="Vote" customClassName="w-full bg-primary hover:bg-primary-focus disabled:bg-primary-focus disabled:text-base-content" disabled={voted}>
+        <Button
+          title="Vote"
+          customClassName="w-full bg-primary hover:bg-primary-focus disabled:bg-primary-focus disabled:text-base-content"
+          disabled={voted}
+        >
           {voted ? "Voted" : "Vote"}
         </Button>
       </section>