From 570a982b7addae32460ed34f315d1e4ed18c1d27 Mon Sep 17 00:00:00 2001
From: Hamza Mounir <hamza.pixelle@gmail.com>
Date: Tue, 24 Apr 2018 13:20:40 +0200
Subject: [PATCH] adapt the select

---
 .../portfolio/CryptoView/CryptoView.js        | 23 +++++++------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/portfolio/CryptoView/CryptoView.js b/src/components/portfolio/CryptoView/CryptoView.js
index e8359e0..c953ea5 100644
--- a/src/components/portfolio/CryptoView/CryptoView.js
+++ b/src/components/portfolio/CryptoView/CryptoView.js
@@ -33,40 +33,35 @@ class CryptoView extends Component {
   render() {
     const change24 = this.state.coin.percent_change_24h / 100;
     const percentageClass = this.state.coin.percent_change_24h < 0 ? 'negative' : 'positive';
+
     return (
       <Container>
         <SearchContainer>
           <Select
-            name="form-field-name"
+            name="select-crypto"
             options={this.state.list}
-            onBlurResetsInput={false}
-            onSelectResetsInput={false}
             value={this.state.selectValue}
             autoFocus
             simpleValue
-            clearable
+            searchable
             onChange={(value) => {
-              if (value) {
-                const tmp = this.state.list.find(c => c.value === value);
-                searchCoin(tmp)
-                .then(coin => this.setState({ coin, selectValue: value }));
+              if (!value) {
+                return;
               }
+              const tmp = this.state.list.find(c => c.value === value);
+              searchCoin(tmp)
+              .then(coin => this.setState({ coin, selectValue: value }));
             }}
-            searchable
           />
         </SearchContainer>
-
         <CardContainer>
-
           <CoinInformation>
-
             <SymbolContainer>
               <CoinNameCointainer>
                 <Name>{this.state.coin.name}</Name>
                 <Symbol>{this.state.coin.symbol}</Symbol>
               </CoinNameCointainer>
             </SymbolContainer>
-
             <PriceContainer>
               <PriceBTC>
                 <FormattedCoin
@@ -87,7 +82,6 @@ class CryptoView extends Component {
                 />
               </Percent>
             </PriceContainer>
-
           </CoinInformation>
           <MarketInformation>
             <Capitalisation>
@@ -103,7 +97,6 @@ class CryptoView extends Component {
               />
             </Volume>
           </MarketInformation>
-
         </CardContainer>
       </Container>
     );