Solution

[cassiaqueiroz]

https://cassiaqueiroz.github.io/react_person/

[mateacademy-ai-mentor]

Review Summary

Your implementation correctly fulfills all core functional requirements - the Person component properly displays names, conditionally shows age, and handles gender-specific partner terminology exactly as specified. All test cases pass.

However, there are 3 checklist style violations that should be addressed:

1. [CHECKLIST ITEM #1] The person prop is destructured in the function signature, but you then access properties via person.name, person.age, etc. instead of destructuring those properties directly. Add const { name, age, sex, isMarried, partnerName } = person; at the beginning of your component.

2. [CHECKLIST ITEM #2] The ternary operator in your JSX has operands on the same line. Move each operand to a separate line for better readability.

3. [CHECKLIST ITEM #3] The isMarried condition appears inline in your JSX ternary expression. Extract it to a variable like const partnerText = isMarried ? ... : ...; before the return statement.

Additionally, remove the commented-out code on line 2: // export const Person = ({ person }) => ();

These are style guideline violations - the functionality works perfectly, so your solution is approved. Consider fixing these issues to improve code quality.

---

✨ Please rate this review in the Platform's notification center¹. I will be grateful for your feedback! ✨

Footnotes

1. Rate AI review example ↩

[mateacademy-ai-mentor]

This violates checklist item #1: 'Use destructuring for getting access to values of props object'. The component receives person as a destructured prop but then accesses all properties via person.propertyName instead of destructuring the person object's properties directly.

[mateacademy-ai-mentor]

This violates checklist item #2: 'Format ternary operator operands correctly - move each operand to the separate line'. The ternary operands should be on separate lines for better readability.

[mateacademy-ai-mentor]

This violates checklist item #3: 'Avoid putting several cases to conditional rendering. Create separate variable for the condition'. The nested ternary person.sex === 'm' ? 'wife' : 'husband' should be extracted to a separate variable.