watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 22:27:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fixed typo. Added new localization string.

Browse source
This commit is contained in:
Mike Cao 2020-09-08 03:18:46 -07:00
parent d1c9f78944
commit 255e9d2e41
7 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/common/Table.js
View file

@ -1,6 +1,7 @@
import React from 'react';
import classNames from 'classnames';
import styles from './Table.module.css';
import { FormattedMessage } from 'react-intl';
export default function Table({ columns, rows, empty }) {
if (empty && rows.length === 0) {
@ -21,6 +22,11 @@ export default function Table({ columns, rows, empty }) {
))}
</div>
<div className={styles.body}>
{rows.length === 0 && (
<div className={styles.empty}>
<FormattedMessage id="message.no-data-available" defaultMessage="No data available." />
</div>
)}
{rows.map((row, rowIndex) => (
<div className={classNames(styles.row, 'row')} key={rowIndex}>
{columns.map(({ key, render, className, style, cell }) => (

3
components/common/Table.module.css
View file

@ -19,8 +19,7 @@
flex-direction: column;
}
.body:empty:before {
content: 'No data available';
.empty {
color: var(--gray500);
position: absolute;
top: 50%;

8
components/metrics/MetricsTable.js
View file

@ -87,6 +87,14 @@ export default function MetricsTable({
</div>
</div>
<div className={styles.body}>
{data?.length === 0 && (
<div className={styles.empty}>
<FormattedMessage
id="message.no-data-available"
defaultMessage="No data available."
/>
</div>
)}
{limit
? rankings.map(row => getRow(row))
: data?.length > 0 && (

3
components/metrics/MetricsTable.module.css
View file

@ -95,8 +95,7 @@
overflow: hidden;
}
.body:empty:before {
content: 'No data available';
.empty {
color: var(--gray500);
position: absolute;
top: 50%;