fix: total count is usage explorer (#2117)

* fix: total count is usage explorer

* chore: no spans found is also wrapped under typography
This commit is contained in:
Palash Gupta 2023-01-25 14:55:39 +05:30 committed by GitHub
parent ca53136cbf
commit ba6818f487
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,7 +1,7 @@
/* eslint-disable */
//@ts-nocheck
import { Select, Space } from 'antd';
import { Select, Space, Typography } from 'antd';
import Graph from 'components/Graph';
import React, { useEffect, useState } from 'react';
import { connect, useSelector } from 'react-redux';
@ -84,7 +84,7 @@ function _UsageExplorer(props: UsageExplorerProps): JSX.Element {
if (selectedTime && selectedInterval) {
const maxTime = new Date().getTime() * 1000000;
const minTime = maxTime - selectedTime.value * 24 * 3600000 * 1000000;
getUsageData(minTime, maxTime, selectedInterval.value, selectedService);
}
}, [selectedTime, selectedInterval, selectedService, getUsageData]);
@ -171,20 +171,22 @@ function _UsageExplorer(props: UsageExplorerProps): JSX.Element {
justifyContent: 'center',
}}
>
No spans found. Please add instrumentation (follow this
<a
href="https://signoz.io/docs/instrumentation/overview"
target="_blank"
style={{ marginLeft: 3 }}
rel="noreferrer"
>
guide
</a>
)
<Typography>
No spans found. Please add instrumentation (follow this
<a
href="https://signoz.io/docs/instrumentation/overview"
target="_blank"
style={{ marginLeft: 3 }}
rel="noreferrer"
>
guide
</a>
)
</Typography>
</Space>
) : (
<Space style={{ display: 'block', marginLeft: 20, width: 200 }}>
{`Total count is ${totalCount}`}
<Typography>{`Total count is ${totalCount}`}</Typography>
</Space>
)}
</Space>