<p dir="auto">Currently the tabs on SQL Lab queries show green circle when a query is running as well as when a query has successfully finished.</p>
<p dir="auto">The green circles for "query running" and "query completed" could be made more distinct - different color, or having the "query running" circle be hollow, and the "query completed" one filled in. This would enable users, who might go to SQL Lab and trigger few queries and then want to view results, visually see which of their queries are still running vs. finished.</p>
<p dir="auto">Screenshot current state:<br>
One query is running one has finished. User sees both as just a green circle.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/61221714/111344909-08df2900-863a-11eb-943f-4928154c4aa4.png"><img src="https://user-images.githubusercontent.com/61221714/111344909-08df2900-863a-11eb-943f-4928154c4aa4.png" alt="image" style="max-width: 100%;"></a></p>
<h4 dir="auto">Screenshots</h4>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/335541/104391321-8086bf80-54f4-11eb-8fdb-e2b3fa1c18b2.png"><img src="https://user-images.githubusercontent.com/335541/104391321-8086bf80-54f4-11eb-8fdb-e2b3fa1c18b2.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Adding the new sample charts from the <code class="notranslate">video_game_sales</code> dataset to a new dashboard in the Edit mode will render the chart with an <code class="notranslate">unexpected error</code>, which seems to come from trying to getting datasource:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/335541/104391375-a01de800-54f4-11eb-9937-cecd35d9926f.png"><img src="https://user-images.githubusercontent.com/335541/104391375-a01de800-54f4-11eb-9937-cecd35d9926f.png" width="400" style="max-width: 100%;"></a></p>
<p dir="auto">The error message says "Cannot find viz object"</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/335541/104391454-bdeb4d00-54f4-11eb-9536-5f3bd36cb1ee.png"><img src="https://user-images.githubusercontent.com/335541/104391454-bdeb4d00-54f4-11eb-9536-5f3bd36cb1ee.png" width="600" style="max-width: 100%;"></a></p>
<p dir="auto">Saving the dashboard and refresh the whole page, the charts can correctly render.</p>
<h4 dir="auto">How to reproduce the bug</h4>
<ol dir="auto">
<li>Duplicate a sample dashboard (e.g. "Sales Dashboard" and "FCC New Coder Survey 2018") and check "Also duplicate chart":<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/335541/104405152-25af9100-5511-11eb-8672-abb7fb94d4cc.png"><img src="https://user-images.githubusercontent.com/335541/104405152-25af9100-5511-11eb-8672-abb7fb94d4cc.png" alt="image" style="max-width: 100%;"></a></li>
<li>Go to dashboard edit mode</li>
<li>Add the chart from the sample dataset</li>
</ol>
<h3 dir="auto">Environment</h3>
<p dir="auto">Latest master</p>
<h3 dir="auto">Checklist</h3>
<p dir="auto">Make sure to follow these steps before submitting your issue - thank you!</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I have checked the superset logs for python stacktraces and included it here as text if there are any.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I have reproduced the issue with at least the latest released version of superset.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I have checked the issue tracker for the same issue and I haven't found one similar.</li>
</ul>
<h3 dir="auto">Additional context</h3>
<p dir="auto">Add any other context about the problem here.</p>