From c7ce7ea284977add698fc31a1a8dcd458cd9307b Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Tue, 10 Sep 2019 13:23:34 +0100
Subject: [PATCH] add currency selector on publish page

---
 src/page/publish/view.js | 20 ++++++++++++++++++--
 src/styles/publish.js    |  3 +++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/page/publish/view.js b/src/page/publish/view.js
index 2f74a3c..ae44bc8 100644
--- a/src/page/publish/view.js
+++ b/src/page/publish/view.js
@@ -120,6 +120,7 @@ class PublishPage extends React.PureComponent {
     otherLicenseDescription: '',
     name: null,
     price: 0,
+    currency: 'LBC',
     uri: null,
     tags: [],
     selectedChannel: null,
@@ -236,6 +237,7 @@ class PublishPage extends React.PureComponent {
         licenseUrl,
         otherLicenseDescription,
         name,
+        currency: fee && fee.currency ? fee.currency : 'LBC',
         price: fee && fee.amount ? fee.amount : 0,
         priceSet: fee && fee.amount > 0,
         tags: tags && tags.length > 0 ? tags : [],
@@ -291,6 +293,7 @@ class PublishPage extends React.PureComponent {
       bid,
       channelName,
       currentMedia,
+      currency,
       description,
       language,
       license,
@@ -334,7 +337,7 @@ class PublishPage extends React.PureComponent {
       otherLicenseDescription,
       name: name || undefined,
       contentIsFree: !priceSet,
-      fee: { currency: 'LBC', amount: price },
+      fee: { currency, amount: price },
       uri: uri || undefined,
       channel: CLAIM_VALUES.CHANNEL_ANONYMOUS === channelName ? null : channelName,
       isStillEditing: false,
@@ -653,6 +656,10 @@ class PublishPage extends React.PureComponent {
     }
   };
 
+  handleCurrencyValueChange = currency => {
+    this.setState({ currency });
+  };
+
   handleDescriptionChange = description => {
     this.setState({ description });
   };
@@ -886,7 +893,16 @@ class PublishPage extends React.PureComponent {
                   value={String(this.state.price)}
                   onChangeText={this.handlePriceChange}
                 />
-                <Text style={publishStyle.currency}>LBC</Text>
+                <Picker
+                  style={publishStyle.currencyPicker}
+                  enabled={this.state.canPublish && !this.state.publishStarted}
+                  selectedValue={this.state.currency}
+                  itemStyle={publishStyle.pickerItem}
+                  onValueChange={this.handleCurrencyValueChange}
+                >
+                  <Picker.Item label={'LBC'} value={'LBC'} />
+                  <Picker.Item label={'USD'} value={'USD'} />
+                </Picker>
               </View>
             )}
           </View>
diff --git a/src/styles/publish.js b/src/styles/publish.js
index ebe7694..05b8902 100644
--- a/src/styles/publish.js
+++ b/src/styles/publish.js
@@ -362,6 +362,9 @@ const publishStyle = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  currencyPicker: {
+    width: 100,
+  },
   fullCentered: {
     position: 'absolute',
     left: 0,