From db3c57eaa4cc898ff02612c9f1cdecdb6960476c Mon Sep 17 00:00:00 2001
From: Sergey Arnautov <sirius9312@ukr.net>
Date: Mon, 14 Aug 2023 20:23:42 +0300
Subject: [PATCH] React person Fixed

---
 src/App.jsx                      | 12 +++------
 src/components/Person/Person.jsx | 43 +++++++++++++-------------------
 2 files changed, 21 insertions(+), 34 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 27003e94b..eb6735128 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -26,14 +26,8 @@ export const alex = {
 
 export const App = () => (
   <div className="App">
-    <Person
-      person={misha}
-    />
-    <Person
-      person={olya}
-    />
-    <Person
-      person={alex}
-    />
+    <Person person={misha} />
+    <Person person={olya} />
+    <Person person={alex} />
   </div>
 );
diff --git a/src/components/Person/Person.jsx b/src/components/Person/Person.jsx
index a07c5df16..3b5f519a2 100644
--- a/src/components/Person/Person.jsx
+++ b/src/components/Person/Person.jsx
@@ -1,29 +1,22 @@
-export const Person = ({ person }) => (
-  <section className="Person">
-    <h2 className="Person__name">
-      {`My name is ${person.name}`}
-    </h2>
+export const Person = ({ person }) => {
+  const { name, age, sex, isMarried, partnerName } = person;
+  const partnerWifeHusband = isMarried ? (`${partnerName} is my ${sex === 'm' ? ('wife') : ('husband')}`) : (`I am not married`);
 
-    {
-      person.age && (
+  return (
+    <section className="Person">
+      <h2 className="Person__name">
+        {`My name is ${name}`}
+      </h2>
+
+      {age && (
         <p className="Person__age">
-          {`I am ${person.age}`}
+          {`I am ${age}`}
         </p>
-      )
-    }
+      )}
 
-    <p className="Person__partner">
-      {
-        person.isMarried ? (
-          `${person.partnerName} is my ${person.sex === 'm' ? (
-            'wife'
-          ) : (
-            'husband'
-          )}`
-        ) : (
-          `I am not married`
-        )
-      }
-    </p>
-  </section>
-);
+      <p className="Person__partner">
+        {partnerWifeHusband}
+      </p>
+    </section>
+  );
+};