smaller identity list and word wrapping, catch balance provider calls

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cyano-wallet",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "private": true,
   "scripts": {
     "lint": "tslint -p .",

public/manifest.json

@@ -4,7 +4,7 @@
   "name": "Cyano wallet",
   "author": "Matus Zamborsky <[email protected]>",
   "description": "Cyano wallet - an Ontology wallet",
-  "version": "0.7.4",
+  "version": "0.7.5",
 
   "browser_action": {
     "default_title": "Open the wallet"

src/background/balanceProvider.ts

@@ -29,28 +29,32 @@ export async function refreshBalance(store: GlobalStore) {
   const tokens = state.settings.tokens;
 
   if (walletEncoded !== null) {
-    const balance = await getBalance();
-    const unboundOng = await getUnboundOng();
-
-    const tokenBalances: TokenAmountState[] = [];
-
-    for (const token of tokens) {
-      try {
-        const amount = await getTokenBalanceOwn(token.contract);
-        tokenBalances.push({ contract: token.contract, amount });
-      } catch (e) {
-        // tslint:disable-next-line:no-console
-        console.warn('Failed to load balance of token: ', token.contract);
+    try {
+      const balance = await getBalance();
+      const unboundOng = await getUnboundOng();
+
+      const tokenBalances: TokenAmountState[] = [];
+
+      for (const token of tokens) {
+        try {
+          const amount = await getTokenBalanceOwn(token.contract);
+          tokenBalances.push({ contract: token.contract, amount });
+        } catch (e) {
+          // tslint:disable-next-line:no-console
+          console.warn('Failed to load balance of token: ', token.contract);
+        }
       }
-    }
 
-    store.dispatch(Actions.runtime.setBalance(balance.ong, balance.ont, unboundOng, 0, tokenBalances));
+      store.dispatch(Actions.runtime.setBalance(balance.ong, balance.ont, unboundOng, 0, tokenBalances));
 
-    const address = getAddress(walletEncoded);
+      const address = getAddress(walletEncoded);
 
-    const transfers = await getTransferList(address);
+      const transfers = await getTransferList(address);
 
-    store.dispatch(Actions.runtime.setTransfers(transfers));
+      store.dispatch(Actions.runtime.setTransfers(transfers));
+    } catch (e) {
+      // ignore
+    }
   }
 }
 

src/popup/components/identityList.tsx

@@ -28,7 +28,7 @@ interface Props {
 
 export const IdentityList: React.SFC<Props> = (props) => (
   <View>
-    <List className="identityList" divided={true}>
+    <List className="identityList" divided={true} size="small">
       {props.identities.map((identity, i) => (
         <List.Item key={i} onClick={(e) => props.onClick(identity)}>
           <List.Icon
@@ -40,7 +40,7 @@ export const IdentityList: React.SFC<Props> = (props) => (
               props.onDel(identity);
             }}
           />
-          <List.Content verticalAlign="middle">
+          <List.Content verticalAlign="middle" className="wrap small">
             {identity === props.selectedIdentity ? <List.Header>{identity}</List.Header> : <span>{identity}</span>}
           </List.Content>
         </List.Item>