bitshares / bitshares/bitshares-ui
Exchange Tab - white or black Tradingview chart
- Dominant language
- JavaScript
- Stars
- 520
- Forks
- 575
- Avg merge
- 12h 7m
- Merged PRs (30d)
- 5
Description
**Describe the bug**
White or black Tradingview chart in the Exchange Tab.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to Exchange by clicking on the Exchange Tab
2. See error
**Expected behavior**
Tradingview chart to load every time without failure, white, or black screen and regardless of which browser or device utilized.
After dev fixes yesterday, I tested with both Opera and Firefox; both browsers were working perfectly. Prior to that, with Opera browser, Tradingview screen was black. Today, no chart with Opera and field is white instead of black this time.
Firefox loaded fine, but with errors (captured and enclosed)
**Screenshots**

Late yesterday after dev fixes, everything was working extremely well

Today - White screen instead of black; Before dev fixes, screen was black
Opera - Last 20 report logs
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
log: synced and subscribed, chainstore ready
error: Required prop currentAccount isn't given, but still loading, this indicates that the rendering transitions are not well defined
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
Firefox - Last 20 report logs
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
error: TypeError: null has no properties
error: BindToChainState(t)TypeError: null has no properties[object Object]
log: synced and subscribed, chainstore ready
error: Required prop currentAccount isn't given, but still loading, this indicates that the rendering transitions are not well defined
warn: Deprecated: please use require("intro.js") directly, instead of the introJs method of the function
**Desktop (please complete the following information):**
- OS: Win 8.1
- Browser Opera
- Version 63.0.3368.107
- Browser Firefox
- Version 69.0.3
**Additional context**
#2258
Opera Pretty Print
var JSServer = {};
var __initialEnabledFeaturesets = ["charting_library"];
(function() {
window.urlParams = (function() {
var j, h = /\+/g, m = /([^&=]+)=?([^&]*)/g, e = function(o) {
return decodeURIComponent(o.replace(h, " ")).replace(/<\/?[^>]+(>|$)/g, "")
}, k = function() {
var p = location.href;
var o = p.indexOf("#");
if (o >= 0) {
return p.substring(o + 1)
} else {
throw "Unexpected use of this page"
}
}(), n = {};
while (j = m.exec(k)) {
n[e(j[1])] = e(j[2])
}
var l = window.parent[n.uid];
var i = ["datafeed", "customFormatters", "brokerFactory"];
for (var g in l) {
if (i.indexOf(g) === -1) {
n[g] = JSON.stringify(l[g])
}
}
return n
}
)();
window.locale = urlParams.locale;
window.language = urlParams.locale;
window.addCustomCSSFile = function(e) {
var g = document.createElement("link");
document.getElementsByTagName("head")[0].appendChild(g);
g.setAttribute("type", "text/css");
g.setAttribute("rel", "stylesheet");
g.setAttribute("href", e)
}
;
if (!!urlParams.customCSS) {
window.addCustomCSSFile(urlParams.customCSS)
}
var f = {};
if (typeof urlParams.loading_screen === "string") {
try {
f = JSON.parse(urlParams.loading_screen)
} catch (d) {}
}
var a = document.getElementById("loading-indicator");
if (f.backgroundColor) {
a.style = "background-color: " + f.backgroundColor
}
var b = (f.foregroundColor) ? f.foregroundColor : "#00A2E2";
var c = new Spinner({
lines: 17,
length: 0,
width: 3,
radius: 30,
scale: 1,
corners: 1,
color: b,
opacity: 0,
rotate: 0,
direction: 1,
speed: 1.5,
trail: 60,
fps: 20,
zIndex: 2000000000,
className: "spinner",
top: "50%",
left: "50%",
shadow: false,
hwaccel: false
}).spin(a)
}
)();
Contributor guide
Research direction
Start at the Exchange Tab's TradingView chart integration and reproduce the white or black chart in Opera and Firefox using the reported browser versions. Use the Opera and Firefox logs, especially the null-property, BindToChainState, and missing currentAccount errors, to trace the failure; done means the chart loads reliably across the reported browsers and devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100