GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-09-25 00:13:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add loading for table

Browse Source
This commit is contained in:
“himanshu” 2021-01-19 05:56:45 +05:30
parent 5605a6210f
commit b7dea68ff5
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/metrics/ServicesTable.tsx
View File

@ -1,7 +1,7 @@
import React, { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { NavLink } from "react-router-dom";
import { Table } from "antd";
import { Spin, Table } from "antd";
import styled from "styled-components";
import { connect } from "react-redux";
@ -30,6 +30,16 @@ const Wrapper = styled.div`
}
`;
const TableLoadingWrapper = styled.div`
display: flex;
justify-content: center;
margin-top: 80px;
`
const LoadingText = styled.div`
margin-left: 16px;
`
const columns = [
{
title: "Application",
@ -72,9 +82,22 @@ const _ServicesTable = (props: ServicesTableProps) => {
const time_interval = new URLSearchParams(search).get("time");
useEffect(() => {
/*
@Note - Change this from action to thunk
*/
props.getServicesList(props.globalTime);
}, [props.globalTime]);
const isDataAvailable = props.servicesList.length > 1;
if(!isDataAvailable){
return (
<TableLoadingWrapper>
<Spin/>
<LoadingText>Fetching data</LoadingText>
</TableLoadingWrapper>
)
}
return (
<Wrapper>
<Table