fixed task

mate-academy · Dec 17, 2024 · b9fd79d · b9fd79d
1 parent 772e3b2
commit b9fd79d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 17 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -28,22 +28,11 @@ export const alex = {
 export const App = () => (
   <div className="App">
     <Person
-      person={{
-        name: 'Misha',
-        age: 37,
-        sex: 'm',
-        isMarried: true,
-        partnerName: 'Natasha',
-      }}
+      person={misha}
     />
     <Person
-      person={{
-        name: 'Olya',
-        sex: 'f',
-        isMarried: true,
-        partnerName: 'Maksym',
-      }}
+      person={olya}
     />
-    <Person person={{ name: 'Alex', age: 25, sex: 'm', isMarried: false }} />
+    <Person person={alex} />
   </div>
 );
diff --git a/src/components/Person/Person.jsx b/src/components/Person/Person.jsx
@@ -2,14 +2,14 @@ export const Person = ({ person }) => (
   <section className="Person">
     <h2 className="Person__name">{`My name is ${person.name}`}</h2>
     <p className="Person__age">
-      {person.age ? <p>I am ${person.age}</p> : null}
+      {person.age ? <span>I am ${person.age}</span> : null}
     </p>
     {person.isMarried === true ? (
       <p className="Person__partner">
         {person.sex === 'm' ? (
-          <p>${person.partnerName} is my wife</p>
+          <span>${person.partnerName} is my wife</span>
         ) : (
-          <p>${person.partnerName} is my husband</p>
+          <span>${person.partnerName} is my husband</span>
         )}
       </p>
     ) : (