From 99bdaa608efae8a4c6c2a4237884df22a1bcbdea Mon Sep 17 00:00:00 2001
From: Liam Cardenas <liamcardenas@gmail.com>
Date: Sun, 21 Jan 2018 22:30:20 -0800
Subject: [PATCH] Small fixes to country code select

---
 src/renderer/component/userFieldNew/view.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/component/userFieldNew/view.jsx b/src/renderer/component/userFieldNew/view.jsx
index 1824359e8..1bcc03db6 100644
--- a/src/renderer/component/userFieldNew/view.jsx
+++ b/src/renderer/component/userFieldNew/view.jsx
@@ -9,10 +9,10 @@ const countryCodes = require('country-data')
     []
   )
   .sort((a, b) => {
-    if (a.countryCallingCodes[0] < b.countryCallingCodes[0]) {
+    if (a.countryCallingCode < b.countryCallingCode) {
       return -1;
     }
-    if (a.countryCallingCodes[0] > b.countryCallingCodes[0]) {
+    if (a.countryCallingCode > b.countryCallingCode) {
       return 1;
     }
     return 0;
@@ -94,8 +94,8 @@ class UserFieldNew extends React.PureComponent {
         <Form onSubmit={this.handleSubmit.bind(this)}>
           <div className="form-row-phone">
             <FormField type="select" onChange={this.handleSelect.bind(this)}>
-              {countryCodes.map(country => (
-                <option value={country.countryCallingCode}>
+              {countryCodes.map((country, index) => (
+                <option key={index} value={country.countryCallingCode}>
                   {country.emoji} {country.countryCallingCode}
                 </option>
               ))}