add changes

src/components/Person/Person.jsx

@@ -1,17 +1,17 @@
-export const Person = ({ person }) => (
-  <div className="App">
-    <section className="Person">
-      <h2 className="Person__name">My name is {person.name}</h2>
-      {person.age && <p className="Person__age">I am {person.age}</p>}
-      <p className="Person__partner">
-        {person.isMarried &&
-          person.sex === 'm' &&
-          `${person.partnerName} is my wife`}
-        {person.isMarried &&
-          person.sex === 'f' &&
-          `${person.partnerName} is my husband`}
-        {!person.isMarried && `I am not married`}
-      </p>
-    </section>
-  </div>
-);
+export const Person = ({ person }) => {
+  const partner = person.sex === 'm' ? 'wife' : 'husband';
+
+  return (
+    <div className="App">
+      <section className="Person">
+        <h2 className="Person__name">My name is {person.name}</h2>
+        {person.age && <p className="Person__age">I am {person.age}</p>}
+        <p className="Person__partner">
+          {person.isMarried
+            ? `${person.partnerName} is my ${partner}`
+            : 'I am not married'}
+        </p>
+      </section>
+    </div>
+  );
+};