m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 15:23:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats 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 React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import styles from './Table.module.css'; import styles from './Table.module.css';
import { FormattedMessage } from 'react-intl';
export default function Table({ columns, rows, empty }) { export default function Table({ columns, rows, empty }) {
if (empty && rows.length === 0) { if (empty && rows.length === 0) {
@ -21,6 +22,11 @@ export default function Table({ columns, rows, empty }) {
))} ))}
</div> </div>
<div className={styles.body}> <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) => ( {rows.map((row, rowIndex) => (
<div className={classNames(styles.row, 'row')} key={rowIndex}> <div className={classNames(styles.row, 'row')} key={rowIndex}>
{columns.map(({ key, render, className, style, cell }) => ( {columns.map(({ key, render, className, style, cell }) => (

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

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

8
components/metrics/MetricsTable.js
View File

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

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

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

5
lang/en.json
View File

@ -47,7 +47,7 @@
"header.nav.settings": { "header.nav.settings": {
"defaultMessage": "Settings" "defaultMessage": "Settings"
}, },
"label.adminsitrator": { "label.administrator": {
"defaultMessage": "Administrator" "defaultMessage": "Administrator"
}, },
"label.confirm-password": { "label.confirm-password": {
@ -125,6 +125,9 @@
"message.incorrect-username-password": { "message.incorrect-username-password": {
"defaultMessage": "Incorrect username/password." "defaultMessage": "Incorrect username/password."
}, },
"message.no-data-available": {
"defaultMessage": "No data available."
},
"message.save-success": { "message.save-success": {
"defaultMessage": "Saved successfully." "defaultMessage": "Saved successfully."
}, },

2
lang/nl-NL.json
View File

@ -47,7 +47,7 @@
"header.nav.settings": { "header.nav.settings": {
"defaultMessage": "Instellingen" "defaultMessage": "Instellingen"
}, },
"label.adminsitrator": { "label.administrator": {
"defaultMessage": "Administrator" "defaultMessage": "Administrator"
}, },
"label.confirm-password": { "label.confirm-password": {

2
lang/zh-CN.json
View File

@ -47,7 +47,7 @@
"header.nav.settings": { "header.nav.settings": {
"defaultMessage": "设置" "defaultMessage": "设置"
}, },
"label.adminsitrator": { "label.administrator": {
"defaultMessage": "管理员" "defaultMessage": "管理员"
}, },
"label.confirm-password": { "label.confirm-password": {