Add function to calculate name length in card.tsx

[sweep-ai[bot]]

PR Feedback (click)

• [ ] 👍 Sweep Did Well
• [ ] 👎 Sweep Needs Improvement

  Description

  This PR adds a new function to the card.tsx file that calculates the length of the name and displays it under the age with a small heading saying 'Name Length'.

Summary of Changes

• Imported the React library at the top of the card.tsx file.
• Added a new function getNameLength inside the Card component that takes the name prop as an argument and returns its length.
• Updated the JSX in the Card component to display the name length using the getNameLength function.

Please review and merge these changes.

Fixes #19.

---

🎉 Latest improvements to Sweep:

• Sweep can now passively improve your repository! Check out Rules to learn more.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-ai[bot]]

Sandbox Executions

• [X] Check app/components/card.tsx ✓

  Sandbox logs for https://github.com/danwill89/gen-ai/commit/028c21cd8c723c60d3657a26f416c2c78dd5beba

trunk fmt app/components/card.tsx || exit 0 1/2 ✓

 ✔ Formatted app/components/card.tsx
Re-checking autofixed files...

Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters

trunk check --fix --print-failures app/components/card.tsx 2/2 ✓

Checked 1 file
✔ No issues

[sweep-ai[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: All docstrings and comments should be up to date.
• [ ] Apply: Code should be properly formatted and follow consistent indentation.
• [ ] Apply: Variable and function names should be descriptive and follow a consistent naming convention.
• [ ] Apply: There should be no commented out code or unused variables or functions.
• [ ] Apply: Code should be modular and follow the principle of separation of concerns.
• [ ] Apply: There should be no hard-coded values or magic numbers in the code.

[danwill89]

Sweep: add 5 tests to test the getNameLength function in card.tsx

[sweep-ai[bot]]

🚀 Wrote Changes

Done.

[danwill89]

Sweep: add testing-library/react to package.json

[sweep-ai[bot]]

🚀 Wrote Changes

Done.