fix for List and HOC: ant-design/ant-design#4853

PaulLaux · Jan 21, 2018 · 9d75da8 · 9d75da8
1 parent 1162aff
commit 9d75da8
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/app/components/TokenChooserList/index.js b/app/components/TokenChooserList/index.js
@@ -16,7 +16,7 @@ selectedTokens={[]}
 onTokenToggle={(x) => console.log(x)}
 */
 
-const LeftList = styled(List) `
+const LeftDiv = styled.div`
 .ant-list-item-meta-content{
   text-align:left;
 }
@@ -25,19 +25,21 @@ const LeftList = styled(List) `
 function TokenChooserList(props) {
   const { tokenList, chosenTokens, onTokenToggle } = props;
   return (
-    <LeftList
-      itemLayout="horizontal"
-      dataSource={tokenList}
-      renderItem={(item) => (
-        <List.Item actions={[<Switch checked={chosenTokens[item.symbol]} onChange={(toggle) => onTokenToggle(item.symbol, toggle)} />]}>
-          <List.Item.Meta
-            avatar={<TokenIcon tokenSymbol={item.symbol} size={32} />}
-            title={<a href={item.url} target="_blank" rel="noopener">{item.name} ({item.symbol.toUpperCase()})</a>}
-            description={item.description}
-          />
-        </List.Item>
-      )}
-    />
+    <LeftDiv>
+      <List
+        itemLayout="horizontal"
+        dataSource={tokenList}
+        renderItem={(item) => (
+          <List.Item actions={[<Switch checked={chosenTokens[item.symbol]} onChange={(toggle) => onTokenToggle(item.symbol, toggle)} />]}>
+            <List.Item.Meta
+              avatar={<TokenIcon tokenSymbol={item.symbol} size={32} />}
+              title={<a href={item.url} target="_blank" rel="noopener">{item.name} ({item.symbol.toUpperCase()})</a>}
+              description={item.description}
+            />
+          </List.Item>
+        )}
+      />
+    </LeftDiv>
   );
 }