Modified the dropdown, so the currency can be changed without a switch button.

Author: skarabocu

cards/asset/addon/components/isolated.js

@@ -9,8 +9,10 @@ import { task } from 'ember-concurrency';
 
 export default LiveIsolatedCard.extend(AssetBaseMixin, CurrencyParamsMixin, {
   layout,
-  currencies: [{name: 'USD'}, {name: 'EUR'}, {name: 'BTC'}],
-  selectedSymbol: {name: 'USD'},
+  currencies: [{name: 'View details as USD', currency: 'USD'}, 
+                {name: 'View details as EUR', currency: 'EUR'}, 
+                {name: 'View details as BTC', currency: 'BTC'}],
+  selectedSymbol:{name: 'View details as USD', currency: 'USD'},
   cardstackData: service(),
   fastboot: injectOptional.service(),
 
@@ -51,7 +53,11 @@ export default LiveIsolatedCard.extend(AssetBaseMixin, CurrencyParamsMixin, {
       this.set('wallet', wallet);
     }
   }).drop(),
-
+  setCurrencyDropDown(selectedSymbol){
+    console.log(selectedSymbol);
+    this.set('selectedSymbol', selectedSymbol);
+    this.setCurrency(selectedSymbol.currency);
+  }
 });
 
 

cards/asset/addon/styles/asset-isolated.css

@@ -99,7 +99,7 @@
 }
 
 .asset-isolated_currency_and_balance_row > .asset-isolated__balance-fiat{
-  padding-top: 5px;
+  padding-top: 15px;
   width: 150px;
 }
 

cards/asset/addon/templates/isolated.hbs

@@ -42,9 +42,8 @@
               <div class="row asset-isolated_currency_and_balance_row">
                 <div class="asset-isolated__currency">
                   <div class="asset-isolated__currency-switcher row">
-                    <button class="asset-isolated-currency-display-tag" disabled=true>View Data As</button>
-                    <Dropdown class="asset-isolated-currency-switch-dropdown" @options={{this.currencies}} @label='' @selected={{this.selectedSymbol}} style='height:28px; width:100px; padding-top:30px'/>
-                    <button class="asset-isolated-currency-switch-button" {{action setCurrency this.selectedSymbol.name}}>Switch</button>
+                    <Dropdown class="asset-isolated-currency-switch-dropdown" @options={{this.currencies}} @label='' @selected={{this.selectedSymbol}}
+                    @changeAction={{action setCurrencyDropDown}} style='width:210px;'/>
                     {{!--<button class="{{if (eq currency 'USD') 'active'}}" {{action setCurrency 'USD'}} data-test-asset-isolated-usd-button>USD</button>
                     <button class="{{if (eq currency 'EUR') 'active'}}" {{action setCurrency 'EUR'}} data-test-asset-isolated-eur-button>EUR</button>
                     <button class="{{if (eq currency 'BTC') 'active'}}" {{action setCurrency 'BTC'}} data-test-asset-isolated-btc-button>BTC</button>

packages/common/addon/mixins/currency-params.js

@@ -42,5 +42,5 @@ export default Mixin.create({
         setParam('currency', currency);
       }
     }
-  }
+  } 
 });