Add format

This commit is contained in:
Paulo Gustavo Veiga 2021-01-31 00:29:36 -08:00
parent 4905fcc58f
commit 68ebc404c4
4 changed files with 13 additions and 10 deletions

View File

@ -47,6 +47,7 @@
"@material-ui/lab": "^4.0.0-alpha.57",
"@reduxjs/toolkit": "^1.5.0",
"axios": "^0.14.0",
"moment": "^2.29.1",
"react": "^17.0.0",
"react-dom": "^17.0.0",
"react-google-recaptcha": "^2.1.0",
@ -57,4 +58,4 @@
"react-router-dom": "^5.2.0",
"styled-components": "^5.1.7"
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -3,7 +3,7 @@
"name": "WiseMapping",
"icons": [{
"src": "favicon.ico",
"sizes": "256x256 192x192 128x128 96x96 64x64 32x32 24x24 16x16",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{

View File

@ -26,6 +26,7 @@ import ActionChooser, { ActionType } from '../action-chooser';
import ActionDispatcher from '../action-dispatcher';
import { InputBase, Link } from '@material-ui/core';
import SearchIcon from '@material-ui/icons/Search';
import moment from 'moment'
function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {
@ -60,18 +61,17 @@ function stableSort<T>(array: T[], comparator: (a: T, b: T) => number) {
}
interface HeadCell {
disablePadding: boolean;
id: keyof MapInfo;
label?: string;
numeric: boolean;
style: CSSProperties;
style?: CSSProperties;
}
const headCells: HeadCell[] = [
{ id: 'name', numeric: false, disablePadding: true, label: 'Name', style: {} },
{ id: 'labels', numeric: false, disablePadding: true, style: {} },
{ id: 'creator', numeric: false, disablePadding: false, label: 'Creator', style: {} },
{ id: 'modified', numeric: true, disablePadding: false, label: 'Modified', style: { width: '50px' } }
{ id: 'name', numeric: false, label: 'Name' },
{ id: 'labels', numeric: false },
{ id: 'creator', numeric: false, label: 'Creator', style: { width: '60px' } },
{ id: 'modified', numeric: true, label: 'Modified', style: { width: '30px' } }
];
interface EnhancedTableProps {
@ -366,13 +366,15 @@ export const MapsList = () => {
<TableCell className={classes.bodyCell}>
{row.labels}
</TableCell>
<TableCell className={classes.bodyCell}>
{row.creator}
</TableCell>
<TableCell className={classes.bodyCell}>
{row.modified}
<Tooltip title={moment("20200704T120854").format("lll")} placement="bottom-start">
<span>{moment("20200704T120854").fromNow()}</span>
</Tooltip>
</TableCell>
<TableCell className={classes.bodyCell}>