Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 01:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Use spinners instead of skeletons

Browse source
This commit is contained in:
navaneeth 2021-07-03 23:37:51 +05:30
parent 9dbfe99923
commit e994725104
3 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/Editor/Components/Chart.jsx
View file

@ -26,7 +26,8 @@ export const Chart = function Chart({
const computedStyles = {
width,
height
height,
background: darkMode ? '#1f2936' : 'white'
};
const dataProperty = component.definition.properties.data;
@ -109,7 +110,9 @@ export const Chart = function Chart({
>
{loadingState === true ?
<div style={{ width: '100%' }} className="p-2">
<Skeleton count={5} />
<center>
<div className="spinner-border mt-5" role="status"></div>
</center>
</div>
:
<Plot

4
frontend/src/Editor/Components/Table/Table.jsx
View file

@ -589,7 +589,9 @@ export function Table({
</table>
{loadingState === true && (
<div style={{ width: '100%' }} className="p-2">
<Skeleton count={5} />
<center>
<div className="spinner-border mt-5" role="status"></div>
</center>
</div>
)}
</div>

2
frontend/src/Editor/Components/Text.jsx
View file

@ -45,7 +45,7 @@ export const Text = function Text({
{!loadingState && <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(data) }} />}
{loadingState === true && (
<div>
<Skeleton count={1} />
<div className="skeleton-line w-10"></div>
</div>
)}
</div>