bitshares / bitshares/bitshares-ui

Exchange Tab - white or black Tradingview chart

Open
#3,093 0 comments 0 reactions 0 assignees View on GitHub
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**
![node13Capture](https://user-images.githubusercontent.com/18186497/66916187-51775a80-efe0-11e9-9a7c-4dd5bd3724f0.JPG)
Late yesterday after dev fixes, everything was working extremely well
![node15Capture](https://user-images.githubusercontent.com/18186497/66916250-77046400-efe0-11e9-9519-b33461520fa8.JPG)
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.