diff --git a/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js b/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
index a5baae6..4613eac 100644
--- a/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
+++ b/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
@@ -118,7 +118,7 @@ export const _ClaimInterestTableRender = function() {
{ this.addressDropdownRender() }
}
- { !this.isFullySynced() &&
+ { (!this.isFullySynced() || !navigator.onLine) &&
this.props.ActiveCoin &&
this.props.ActiveCoin.mode === 'native' &&
diff --git a/react/src/components/dashboard/navbar/navbar.render.js b/react/src/components/dashboard/navbar/navbar.render.js
index 40953e7..a8123f3 100644
--- a/react/src/components/dashboard/navbar/navbar.render.js
+++ b/react/src/components/dashboard/navbar/navbar.render.js
@@ -80,6 +80,13 @@ const NavbarRender = function() {
Explorer
*/ }
+ { !navigator.onLine &&
+
+ { translate('INDEX.OFFLINE') }
+
+ }
-
diff --git a/react/src/components/dashboard/navbar/navbar.scss b/react/src/components/dashboard/navbar/navbar.scss
index 85b3cbc..e3aeba3 100644
--- a/react/src/components/dashboard/navbar/navbar.scss
+++ b/react/src/components/dashboard/navbar/navbar.scss
@@ -17,6 +17,18 @@
}
}
}
+ .offline {
+ margin-top: 22px;
+
+ .offline-icon {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background: #f96868;
+ border-radius: 50%;
+ margin-left: 20px;
+ }
+ }
}
.navbar-nav > li > a.navbar-avatar,
diff --git a/react/src/components/dashboard/sendCoin/sendCoin.render.js b/react/src/components/dashboard/sendCoin/sendCoin.render.js
index 8c49954..bb701cf 100644
--- a/react/src/components/dashboard/sendCoin/sendCoin.render.js
+++ b/react/src/components/dashboard/sendCoin/sendCoin.render.js
@@ -124,7 +124,7 @@ export const _SendFormRender = function() {
{ this.props.ActiveCoin.coin }
- { !this.isFullySynced() &&
+ { (!this.isFullySynced() || !navigator.onLine) &&
this.props.ActiveCoin &&
this.props.ActiveCoin.mode === 'native' &&
@@ -349,6 +349,8 @@ export const SendRender = function() {
{ this.state.lastSendToResponse.result }
{ this.props.ActiveCoin.mode === 'spv' &&
+ this.state.lastSendToResponse.raw &&
+ this.state.lastSendToResponse.raw.txid &&
{ this.state.lastSendToResponse.raw.txid.replace(/\[.*\]/, '') }
}
diff --git a/react/src/translate/en.js b/react/src/translate/en.js
index d7e312b..ddc6a83 100644
--- a/react/src/translate/en.js
+++ b/react/src/translate/en.js
@@ -96,6 +96,8 @@ export const LANG_EN = {
'NO_ACTIVE_COIN': 'No active coin',
},
'INDEX': {
+ 'WALLET_OFFLINE': 'Agama is currently unable to connect to the Internet.',
+ 'OFFLINE': 'Offline',
'TOGGLE_COIN_CONTEXT_MENU': 'Toggle coin context menu',
'TOP_MENU': 'Top menu',
'ERROR_READING': 'Error reading',