From 834ec2c3ab8674c7bb3964d611fdff8121527fd8 Mon Sep 17 00:00:00 2001
From: Tania Polishchuk <tania.polischuk1998@gmail.com>
Date: Thu, 12 Nov 2020 11:21:13 +0200
Subject: [PATCH] #22 make expertblock for 1 expert

---
 src/lib/components/ExpertBlock.tsx | 11 ++++++-----
 src/lib/components/Experts.tsx     |  5 ++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/ExpertBlock.tsx b/src/lib/components/ExpertBlock.tsx
index bfe49488c..919d68873 100644
--- 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
index 98f9e4070..23eda26c8 100644
--- 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>
   );
 };