Clean code in CardList component

tsnyc · Nov 23, 2019 · ecac708 · ecac708
1 parent 11ef5cd
commit ecac708
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 9 deletions.
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
@@ -12,6 +12,7 @@ width:100%;
   flex-direction: row;
 }
 `;
+
 export const AvatarContainer = styled.div`
 display:flex;
 flex-direction: column;
@@ -52,7 +53,6 @@ export default function Card(props) {
       <AvatarContainer>
       <Avatar img={imageUrl}></Avatar>
       </AvatarContainer>
-
         <Info>
           <div className="title">
             <p>{title}</p>

diff --git a/src/components/CardList.tsx b/src/components/CardList.tsx
@@ -8,13 +8,7 @@ margin: 0;
 padding: 0;
 `;
 
-const makeList = (list) => {
-    return list.map((item) => {
-      return <li>
-        <Card item={item}/>
-      </li>
-    })
-  }
+const makeList = list => list.map(item => <li><Card item={item}/></li>);
 
 export default function CardList(props) {
   let list = props[Object.keys(props)[0]];

diff --git a/src/components/CodeConduct.tsx b/src/components/CodeConduct.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import CardList from './CardList';
 import organizers from '../data/organizers.js';
 
-
 var iframeStyle = {
   height: '500px',
   width: '100%'