Fix sorting issue and show loader

Closes #362
This commit is contained in:
Ildar Kamalov 2018-10-12 16:58:48 +03:00
parent 47a9c6555e
commit 1cdbe3f879
2 changed files with 7 additions and 4 deletions

View File

@ -4,6 +4,8 @@ import ReactTable from 'react-table';
import { saveAs } from 'file-saver/FileSaver';
import escapeRegExp from 'lodash/escapeRegExp';
import endsWith from 'lodash/endsWith';
import { formatTime } from '../../helpers/helpers';
import PageTitle from '../ui/PageTitle';
import Card from '../ui/Card';
import Loading from '../ui/Loading';
@ -83,6 +85,7 @@ class Logs extends Component {
accessor: 'time',
maxWidth: 110,
filterable: false,
Cell: ({ value }) => (<div className="logs__row"><span className="logs__text" title={value}>{formatTime(value)}</span></div>),
}, {
Header: 'Domain name',
accessor: 'domain',
@ -261,8 +264,8 @@ class Logs extends Component {
</div>
</PageTitle>
<Card>
{queryLogEnabled && queryLogs.processing && <Loading />}
{queryLogEnabled && !queryLogs.processing &&
{queryLogEnabled && queryLogs.getLogsProcessing && <Loading />}
{queryLogEnabled && !queryLogs.getLogsProcessing &&
this.renderLogs(queryLogs.logs)}
</Card>
</Fragment>

View File

@ -6,7 +6,7 @@ import round from 'lodash/round';
import { STATS_NAMES } from './constants';
const formatTime = (time) => {
export const formatTime = (time) => {
const parsedTime = dateParse(time);
return dateFormat(parsedTime, 'HH:mm:ss');
};
@ -26,7 +26,7 @@ export const normalizeLogs = logs => logs.map((log) => {
return `${type}: ${value} (ttl=${ttl})`;
}) : [];
return {
time: formatTime(time),
time,
domain,
type,
response: responsesArray,