add new icon lib

src/consts/account.js

@@ -9,37 +9,37 @@ const allAccountCategories = [
         id: 2,
         name: 'Debit Card',
         isAsset: true,
-        defaultAccountIconId: '2'
+        defaultAccountIconId: '100'
     },
     {
         id: 3,
         name: 'Credit Card',
         isLiability: true,
-        defaultAccountIconId: '2'
+        defaultAccountIconId: '100'
     },
     {
         id: 4,
         name: 'Virtual Account',
         isAsset: true,
-        defaultAccountIconId: '3'
+        defaultAccountIconId: '500'
     },
     {
         id: 5,
         name: 'Debt Account',
         isLiability: true,
-        defaultAccountIconId: '4'
+        defaultAccountIconId: '600'
     },
     {
         id: 6,
         name: 'Receivables',
         isAsset: true,
-        defaultAccountIconId: '5'
+        defaultAccountIconId: '700'
     },
     {
         id: 7,
         name: 'Investment Account',
         isAsset: true,
-        defaultAccountIconId: '6'
+        defaultAccountIconId: '800'
     }
 ];
 const allAccountTypes = {

src/consts/icon.js

@@ -1,68 +1,160 @@
-const totalAccountIconCount = 22;
 const defaultAccountIconId = '1';
 const allAccountIcons = {
+    // 1 - 99 : cash symbols
     '1': {
-        f7Icon: 'bag'
-    },
-    '2': {
-        f7Icon: 'creditcard'
-    },
-    '3': {
-        f7Icon: 'rectangle_dock'
-    },
-    '4': {
-        f7Icon: 'bag_badge_minus'
-    },
-    '5': {
-        f7Icon: 'tray_arrow_down'
-    },
-    '6': {
-        f7Icon: 'graph_square'
-    },
-    '7': {
-        f7Icon: 'cube_box'
-    },
-    '8': {
-        f7Icon: 'tickets'
-    },
-    '9': {
-        f7Icon: 'lock_shield'
+        icon: 'las la-wallet'
     },
     '10': {
-        f7Icon: 'infinite'
-    },
-    '11': {
-        f7Icon: 'logo_apple'
-    },
-    '12': {
-        f7Icon: 'person'
-    },
-    '13': {
-        f7Icon: 'person_2'
-    },
-    '14': {
-        f7Icon: 'person_3'
-    },
-    '15': {
-        f7Icon: 'globe'
-    },
-    '16': {
-        f7Icon: 'money_dollar'
-    },
-    '17': {
-        f7Icon: 'money_euro'
-    },
-    '18': {
-        f7Icon: 'money_pound'
-    },
-    '19': {
-        f7Icon: 'money_rubl'
+        icon: 'las la-coins'
     },
     '20': {
-        f7Icon: 'money_yen'
+        icon: 'las la-money-bill-alt'
     },
-    '21': {
-        f7Icon: 'bitcoin'
+    '30': {
+        icon: 'las la-piggy-bank'
+    },
+    // 100 - 199 : bank service symbols
+    '100': {
+        icon: 'las la-credit-card'
+    },
+    '110': {
+        icon: 'las la-money-check-alt'
+    },
+    // 500 - 999 : other symbols
+    '500': {
+        icon: 'las la-digital-tachograph'
+    },
+    '510': {
+        icon: 'las la-ticket-alt'
+    },
+    '520': {
+        icon: 'las la-envelope'
+    },
+    '530': {
+        icon: 'las la-box'
+    },
+    '540': {
+        icon: 'las la-donate'
+    },
+    '560': {
+        icon: 'las la-shield-alt'
+    },
+    '600': {
+        icon: 'las la-calendar-minus'
+    },
+    '601': {
+        icon: 'las la-calendar-plus'
+    },
+    '700': {
+        icon: 'las la-file-invoice-dollar'
+    },
+    '701': {
+        icon: 'las la-receipt'
+    },
+    '800': {
+        icon: 'las la-chart-area'
+    },
+    '801': {
+        icon: 'las la-chart-line'
+    },
+    '900': {
+        icon: 'las la-user-friends'
+    },
+    '901': {
+        icon: 'las la-users'
+    },
+    '910': {
+        icon: 'las la-home'
+    },
+    '911': {
+        icon: 'las la-building'
+    },
+    '912': {
+        icon: 'las la-industry'
+    },
+    '990': {
+        icon: 'las la-globe'
+    },
+    // 1000 - 1999 : currency symbols
+    '1000': {
+        icon: 'las la-dollar-sign'
+    },
+    '1001': {
+        icon: 'las la-euro-sign'
+    },
+    '1002': {
+        icon: 'las la-pound-sign'
+    },
+    '1003': {
+        icon: 'las la-yen-sign'
+    },
+    '1004': {
+        icon: 'las la-ruble-sign'
+    },
+    '1005': {
+        icon: 'las la-rupee-sign'
+    },
+    '1006': {
+        icon: 'las la-won-sign'
+    },
+    '1007': {
+        icon: 'las la-shekel-sign'
+    },
+    '1008': {
+        icon: 'las la-hryvnia'
+    },
+    '1009': {
+        icon: 'las la-tenge'
+    },
+    '1500': {
+        icon: 'lab la-bitcoin'
+    },
+    '1501': {
+        icon: 'lab la-ethereum'
+    },
+    // 5000 - 5999 : credit card brand symbols
+    '5000': {
+        icon: 'lab la-cc-visa'
+    },
+    '5001': {
+        icon: 'lab la-cc-mastercard'
+    },
+    '5002': {
+        icon: 'lab la-cc-amex'
+    },
+    '5100': {
+        icon: 'lab la-cc-discover'
+    },
+    '5200': {
+        icon: 'lab la-cc-jcb'
+    },
+    '5300': {
+        icon: 'lab la-cc-diners-club'
+    },
+    // 8000 - 8999 : e-pay brand symbols
+    '8000': {
+        icon: 'lab la-paypal'
+    },
+    '8100': {
+        icon: 'lab la-apple-pay'
+    },
+    '8101': {
+        icon: 'lab la-google-wallet'
+    },
+    '8200': {
+        icon: 'lab la-amazon-pay'
+    },
+    '8201': {
+        icon: 'lab la-stripe'
+    },
+    '8300': {
+        icon: 'lab la-alipay'
+    },
+    '8301': {
+        icon: 'lab la-qq'
+    },
+    '8302': {
+        icon: 'lab la-weixin'
     }
 };
 const deviceIcons = {
@@ -87,6 +179,5 @@ export default {
     allAccountIcons: allAccountIcons,
     defaultAccountIconId: defaultAccountIconId,
     defaultAccountIcon: allAccountIcons[defaultAccountIconId],
-    totalAccountIconCount: totalAccountIconCount,
     deviceIcons: deviceIcons,
 };