finish contribution card with mock data

chingu-x · Sep 5, 2023 · 6416e00 · 6416e00
1 parent e6920a4
commit 6416e00
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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>