Global / console cleanup

src/common/utils/apiLooper.ts

@@ -7,8 +7,6 @@ const apiQuery = {}
 const apiQueryTimers = {}
 const apiQueryTicks = 10
 
-const apis = {}
-
 const apiQueryTimer = (queryName) => {
   if (apiQuery[queryName].length) {
     const queryChunk = apiQuery[queryName].shift()
@@ -155,7 +153,6 @@ const apiLooper = (method, api, endpoint, options) => {
             .then((answer) => {
               if (options && options.checkStatus instanceof Function) {
                 if (!options.checkStatus(answer)) {
-                  console.error(`Endpoint ${currentEndpoint.url} - checkStatus failed (may be down). Switch next`)
                   if (switchNext(api)) {
                     doRequest()
                   } else {
@@ -185,11 +182,9 @@ const apiLooper = (method, api, endpoint, options) => {
                 }
               }
               if (ignoreErrors) {
-                console.log('Ignore error ^')
                 resolve(answer)
                 return
               }
-              console.error(`Endpoint ${currentEndpoint.url} may be offline. Switch next`)
               if (switchNext(apiName)) {
                 doRequest()
               } else {

src/front/client/index.html

@@ -5,9 +5,10 @@
     <title><%= htmlWebpackPlugin.options.title %></title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta property="og:image:type" content="image/svg+xml" />
     <meta
       property="og:image"
-      content="https://screenshots.wpmix.net/chrome_2019-03-28_18-55-506746c4c5-44e6-4bb5-89cb-52ce8fabcedf.png"
+      content="https://wiki.swaponline.io/assets/swaponline_io.svg"
     />
     <meta http-equiv="refresh" content="3600">
     <link

src/front/shared/components/BalanceForm/BalanceForm.tsx

@@ -29,7 +29,6 @@ function BalanceForm({
   multisigPendingCount = 10,
 }) {
   const [selectedCurrency, setActiveCurrency] = useState(activeCurrency)
-  const isDark = document.body.dataset.scheme === 'dark'
   const isWidgetBuild = config && config.isWidget
 
   useEffect(() => {

src/front/shared/components/Header/UserTooltip/UserTooltip.tsx

@@ -43,8 +43,8 @@ export default class UserTooltip extends Component<any, any> {
 
             return (
               mePeer === ownerPeer &&
-              request.map(({ participant: { peer }, reputation }, index) => (
-                <div styleName="userTooltip" key={index}>
+              request.map(({ participant: { peer }, reputation }) => (
+                <div styleName="userTooltip" key={id}>
                   <div>
                     <div styleName="title">
                       <FormattedMessage

src/front/shared/components/loaders/ContentLoader/ContentLoader.tsx

@@ -7,7 +7,8 @@ import DescrSection from './components/DescrSection/DescrSection'
 import BalanceSection from './components/BalanceSection/BalanceSection'
 import BannersSection from './components/BannersSection/BannersSection'
 
-function ContentLoader({ empty, inner, rideSideContent, leftSideContent, banners, nonHeader }) {
+function ContentLoader(props) {
+  const { empty, inner, rideSideContent, leftSideContent, banners, nonHeader } = props
 
   return (
     <Fragment>

src/front/shared/components/modal/ModalConductor/ModalConductor.tsx

@@ -60,12 +60,12 @@ export default class ModalConductor extends Component<any, any> {
     return areModalsExist && (
       <div styleName={`${!dashboardView ? 'modalConductor' : 'modalDashboardConductor'}`}>
         {
-          modalNames.map((key) => {
+          modalNames.map((key, index) => {
             const { name, data = {}, zIndex } = modals[key]
 
             if (zIndex === highestZIndex) {
               return React.createElement(Modals[name], {
-                key: name,
+                key: index,
                 name,
                 data,
                 history,

src/front/shared/components/modals/InfoInvoice/InfoInvoice.scss

@@ -142,13 +142,13 @@
   color: var(--color);
 
   td.header {
+    @include ff-semibold;
     text-align: left;
-    font-weight: bold;
     font-size: 1.1em;
   }
 
-  td.data {
-    text-align: justify;
+  td.responsiveBlock {
+    @include ff-mono;
   }
 }
 

src/front/shared/components/modals/InfoInvoice/InfoInvoice.tsx

@@ -18,11 +18,7 @@ import ShareButton from 'components/controls/ShareButton/ShareButton'
 import Button from 'components/controls/Button/Button'
 
 import { isMobile } from "react-device-detect"
-
-import imgReady from './images/ready.svg'
-import imgPending from './images/pending.svg'
-import imgCanceled from './images/cancel.svg'
-
+import { regularIcons } from 'images'
 
 const langPrefix = 'InvoiceInfoModal'
 const langLabels = defineMessages({
@@ -44,7 +40,7 @@ const langLabels = defineMessages({
   },
   invoiceComment: {
     id: `${langPrefix}_Comment`,
-    defaultMessage: `Комментарий`,
+    defaultMessage: `Comment`,
   },
   fromAddress: {
     id: `${langPrefix}_FromAddress`,
@@ -292,15 +288,15 @@ class InfoInvoice extends React.Component<any, any> {
     switch (status) {
       case 'ready':
         infoIconTitle = intl.formatMessage(langLabels.infoStatusReady)
-        infoIconUrl = imgReady
+        infoIconUrl = regularIcons.OK
         break;
       case 'cancelled':
         infoIconTitle = intl.formatMessage(langLabels.infoStatusDeclimed)
-        infoIconUrl = imgCanceled
+        infoIconUrl = regularIcons.CANCELLED
         break;
       default:
         infoIconTitle = intl.formatMessage(langLabels.infoStatusPending)
-        infoIconUrl = imgPending
+        infoIconUrl = regularIcons.PENDING
     }
 
     return (
@@ -384,26 +380,25 @@ class InfoInvoice extends React.Component<any, any> {
                       <tr>
                         <td styleName="responsiveBlock">{invoiceData.contact}</td>
                       </tr>
-
                       <tr>
                         <td styleName="header" colSpan={2}>
                           <FormattedMessage { ...langLabels.fromAddress } />
                         </td>
                       </tr>
                       <tr>
                         <td styleName="responsiveBlock" colSpan={2}>
-                          <span>{invoiceData.fromAddress}({invoiceData.invoiceNumber})</span>
+                          <span>{invoiceData.fromAddress}{' '}({invoiceData.invoiceNumber})</span>
                         </td>
                       </tr>
-                      {invoiceData.toAddress && (
+                      {invoiceData.destAddress && (
                         <>
                           <tr>
                             <td styleName="header" colSpan={2}>
-                              <FormattedMessage { ...langLabels.toAddress } />
+                              <FormattedMessage id="InvoiceInfoModal_ToAddress" defaultMessage="Payer address" />
                             </td>
                           </tr>
-                          <tr styleName="responsiveBlock">
-                            <td colSpan={2}>{invoiceData.toAddress}</td>
+                          <tr>
+                            <td styleName="responsiveBlock" colSpan={2}>{invoiceData.destAddress}</td>
                           </tr>
                         </>
                       )}

src/front/shared/components/modals/WithdrawBtcPin/WithdrawBtcPin.tsx

@@ -260,8 +260,6 @@ class WithdrawBtcPin extends React.Component<ComponentProps, ComponentState> {
         data: txInfoCache,
       })
 
-      helpers.transactions.pullTxBalances(txId, amount, beforeBalances, adminFee)
-
       actions.loader.hide()
       actions.btcmultisig.getBalancePin()
       if (invoice) {