Skip to content

200 project card#207

Open
mehanana wants to merge 3 commits into
mainfrom
200-project-card
Open

200 project card#207
mehanana wants to merge 3 commits into
mainfrom
200-project-card

Conversation

@mehanana
Copy link
Copy Markdown
Contributor

ℹ️ Issue

#200

📝 Description

Created project card components for both active and archived project cards

Briefly list the changes made to the code:

  1. Created separate files for the active project card and archived project card components
  2. Created tests to ensure the right elements were appearing
  3. Tested on local host to make sure it matched figma designs

✔️ Verification

What steps did you take to verify your changes work? These should be clear enough for someone to be able to clone the branch and follow the steps themselves.

Provide screenshots of any new components, styling changes, or pages.
Screenshot 2026-05-12 004201
Screenshot 2026-05-12 004304

🏕️ (Optional) Future Work / Notes

Did you notice anything ugly during the course of this ticket? Any bugs, design challenges, or unexpected behavior? Write it down so we can clean it up in a future ticket!

@mehanana mehanana requested a review from nourshoreibah as a code owner May 12, 2026 13:45
@github-actions github-actions Bot requested a review from tsudhakar87 May 12, 2026 13:45
github-actions Bot added a commit that referenced this pull request May 12, 2026
Copy link
Copy Markdown
Contributor

@tsudhakar87 tsudhakar87 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks solid! just some minor things I noticed when testing locally

<RxPeople />
<h5 className="!font-bold">Staff</h5>
</div>
<p className="truncate">{members} members</p>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(nit) should this also be members.toLocaleString()?

<div className="w-full !h-[24px] rounded-full bg-black-100">
<div className={`w-[${percentage}%] !h-full rounded-full bg-core-green`} />
</div>
<p>30%</p>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is this meant to be hardcoded (?) (can replace w {percentage}%)

</div>
<div className="flex flex-row items-center !gap-2">
<div className="w-full !h-[24px] rounded-full bg-black-100">
<div className={`w-[${percentage}%] !h-full rounded-full bg-core-green`} />
Copy link
Copy Markdown
Contributor

@tsudhakar87 tsudhakar87 May 12, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this isn't applying the percentage to the class bc it's interpreting it as a template literal and can't determine the value, so you could add it as separate styling via <div style={{ width: `${percentage}%`` }} className="!h-full rounded-full bg-core-green" /> so that it adjusts the progress bar width properly!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants