[$100] Increase size of checkbox to default size of 20px

[blimpich]

Problem

Coming from this thread, we currently have checkboxes that are at a reduced size (16px) for tasks inside DMs. We recently added avatars to our checkboxes and realized that we would actually prefer for those checkboxes to be our standard size.

Solution

Lets increase the size of the checkboxes to our standard size, which is 20px.

cc: @Expensify/design

Example (16px on left, 20px on the right)

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021833257022819149664
• Upwork Job ID: 1833257022819149664
• Last Price Increase: 2024-09-09
• Automatic offers:
• DylanDylann | Reviewer | 103898533
• ChavdaSachin | Contributor | 103898534

Issue Owner

Current Issue Owner: @DylanDylann

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021833257022819149664

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @DylanDylann (External)

[melvin-bot]

Upwork job price has been updated to $100

[blimpich]

Decreased job price since this is probably a simple and small css change. Will change if that ends up not being the case.

[melvin-bot]

Triggered auto assignment to @puneetlath (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details. Please add this Feature request to a GH project, as outlined in the SO.

[melvin-bot]

⚠️ It looks like this issue is labelled as a New Feature but not tied to any GitHub Project. Keep in mind that all new features should be tied to GitHub Projects in order to properly track external CAP software time ⚠️

[melvin-bot]

Current assignee @dannymcclain is eligible for the NewFeature assigner, not assigning anyone new.

[Nodebrute]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Increase size of checkbox to default size of 20px

What is the root cause of that problem?

We are using 16 here

App/src/styles/index.ts

Lines 4113 to 4114 in 4d250ac

	height: 16,
	width: 16,

What changes do you think we should make in order to solve the problem?

We should change both value to 20

App/src/styles/index.ts

Lines 4113 to 4114 in 4d250ac

	height: 16,
	width: 16,

    taskCheckbox: {
            height: 20,
            width: 20,
        },

What alternative solutions did you explore? (Optional)

[ChavdaSachin]

Proposal

Please re-state the problem that we are trying to solve in this issue.

• Change Task checkbox size to default.

What is the root cause of that problem?

• A custom style for task checkbox size is included here

What changes do you think we should make in order to solve the problem?

• To change task checkbox style to default - remove the custom styling.
• Remove taskCheckBox style
  

  App/src/styles/index.ts

  Lines 4112 to 4115 in 063cc10

  	taskCheckbox: {
  	height: 16,
  	width: 16,
  	},

• And, remove containerStyle prop
  

  App/src/components/ReportActionItem/TaskPreview.tsx

  Line 101 in 063cc10

  containerStyle={[styles.taskCheckbox]}

Now checkbox has default size which is 20px

Result

### What alternative solutions did you explore? (Optional)

[DylanDylann]

@ChavdaSachin's proposal looks good to me

🎀 👀 🎀 C+ reviewed

[melvin-bot]

Current assignees @puneetlath and @blimpich are eligible for the choreEngineerContributorManagement assigner, not assigning anyone new.

[melvin-bot]

📣 @DylanDylann 🎉 An offer has been automatically sent to your Upwork account for the Reviewer role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job

[melvin-bot]

📣 @ChavdaSachin 🎉 An offer has been automatically sent to your Upwork account for the Contributor role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job
Please accept the offer and leave a comment on the Github issue letting us know when we can expect a PR to be ready for review 🧑‍💻
Keep in mind: Code of Conduct | Contributing 📖

[ChavdaSachin]

Thanks for accepting my Proposal.
I will raise PR within an Hour.

[ChavdaSachin]

PR is ready for review.

cc. @DylanDylann

[ChavdaSachin]

Payment is due today.
cc.@puneetlath @blimpich

[puneetlath]

Right you are, thanks for the bump. All paid. Thanks everyone!