#22 make expertblock for 1 expert

ita-social-projects · Nov 12, 2020 · 834ec2c · 834ec2c
1 parent 87abb63
commit 834ec2c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/lib/components/ExpertBlock.tsx b/src/lib/components/ExpertBlock.tsx
@@ -2,13 +2,14 @@ import React from 'react';
 import { IExpert } from '../types';
 
 interface IExpertProps {
-  expert: IExpert[];
+  expert: IExpert;
 }
 
 export const ExpertBlock: React.FC<IExpertProps> = (props) => {
   const { expert } = props;
-  const Cards = expert.map((card) => {
-    return <img src={card.photo} alt="doctor" key={card.phone} />;
-  });
-  return <div>{Cards}</div>;
+  return (
+    <div>
+      <img src={expert.photo} alt="doctor" key={expert.phone} />
+    </div>
+  );
 };
diff --git a/src/lib/components/Experts.tsx b/src/lib/components/Experts.tsx
@@ -3,9 +3,12 @@ import { ExpertBlock } from './ExpertBlock';
 import cards from '../../modules/experts/mockDataCards';
 
 export const Experts: React.FC = () => {
+  const allExperts = cards.map(card => {
+    return <ExpertBlock expert={card} key={card.phone}/>;
+  });
   return (
     <div>
-      <ExpertBlock expert={cards} />
+      {allExperts}
     </div>
   );
 };