contribution card

src/app/ideation/components/ContributionCard.tsx

@@ -0,0 +1,20 @@
+import { Avatar, Button } from "@/components";
+
+function ContributionCard() {
+  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>
+      </section>
+    </div>
+  );
+}
+
+export default ContributionCard;

src/app/ideation/components/IdeationContainer.tsx

@@ -1,11 +1,10 @@
-import { VoteCard } from ".";
-import { Button } from "@/components";
+import { ContributionCard, VoteCard } from ".";
 
 function IdeationContainer() {
   return (
     <div className="card w-[1280px] h-[457px] bg-primary-content text-neutral-content flex flex-row items-start p-10 gap-x-20">
       <VoteCard />
-      <section className="card-body gap-y-7 p-0 w-[1150px] h-[377px] overflow-y-auto pr-2">
+      <section className="card-body gap-y-7 p-0 w-[1000px] h-[377px] overflow-y-auto pr-5">
         <h2 className="text-xl font-semibold text-neutral-focus">
           Real Estate Crowdsourcing
         </h2>
@@ -36,12 +35,7 @@ function IdeationContainer() {
           future and build wealth through real estate investments.
         </p>
       </section>
-      <Button
-        title="Create Project"
-        customClassName="w-1/7 btn-primary text-base-content normal-case"
-      >
-        Create Project
-      </Button>
+      <ContributionCard />
     </div>
   );
 }

src/app/ideation/components/VoteCard.tsx

@@ -6,10 +6,12 @@ function VoteCard() {
       <section className="flex flex-col items-start p-4 gap-y-4">
         <h1 className="text-3xl font-semibold text-neutral-focus">4</h1>
         <h2 className="text-xl font-semibold text-neutral-focus">Votes</h2>
-        <div>
-          <Avatar width={24} height={24} />
-        </div>
-        <Button title="Vote" customClassName="w-full bg-primary">Vote</Button>
+
+        <Avatar width={24} height={24} />
+
+        <Button title="Vote" customClassName="w-full bg-primary">
+          Vote
+        </Button>
       </section>
     </div>
   );

src/app/ideation/components/index.ts

@@ -2,3 +2,4 @@ export { default as CreateIdeationContainer } from "./CreateIdeationContainer";
 export { default as IdeationContainer } from "./IdeationContainer";
 export { default as VoteDescriptionCard } from "./VoteDescriptionCard";
 export { default as VoteCard } from "./VoteCard";
+export { default as ContributionCard } from "./ContributionCard";