Skip to content

Task Component Design Token#294

Open
roshan-budhathoki wants to merge 4 commits into
devfrom
design/roshan/task-component
Open

Task Component Design Token#294
roshan-budhathoki wants to merge 4 commits into
devfrom
design/roshan/task-component

Conversation

@roshan-budhathoki

Copy link
Copy Markdown
Contributor

Creating task component for pending and completed task.

Here, "pending" is considered as default parameter.

@github-actions github-actions Bot added the Frontend 💅 Anything related to the frontend side of things label Nov 3, 2025

@kbventures kbventures left a comment

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.

Great work. See notes.

Comment thread src/components/Task/Task.tsx Outdated
@@ -0,0 +1,39 @@
import { forwardRef, type ParamHTMLAttributes } from 'react';

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.

I think I brought this up in another PR of yours. Same comment. We shouldn't utilize forwardRef untless there's deliberate reason for its use not just beause it might be convinient later.

Comment thread src/components/Task/Task.css Outdated
@@ -0,0 +1,7 @@
.taskParent {

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.

Would this be an opportunity to utilize our @layer component?

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Nov 11, 2025

Copy link
Copy Markdown

Deploying volunteer with  Cloudflare Pages  Cloudflare Pages

Latest commit: ffeca3e
Status: ✅  Deploy successful!
Preview URL: https://60925d95.volunteer-ekr.pages.dev
Branch Preview URL: https://design-roshan-task-component.volunteer-ekr.pages.dev

View logs

@bcha92 bcha92 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

I haven't fully reviewed it yet (need to find time to manually test this on local env first) but it's the first thing I found.

display: flex;
gap: var(--spacing-sm) 0;
align-items: center;
font-weight: bold;

@bcha92 bcha92 Nov 13, 2025

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

please use preset value font-weight: var(--weight-bold); instead of just bold

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

Labels

Frontend 💅 Anything related to the frontend side of things

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants