vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-12-22 19:53:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: minor change

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2021-03-02 18:22:55 -08:00
parent 61b2cab0b0
commit 8855108ef4
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/webapp/src/components/maps-page/maps-list/index.tsx
View File

@ -34,9 +34,10 @@ import StarRateRoundedIcon from '@material-ui/icons/StarRateRounded';
import SearchIcon from '@material-ui/icons/Search'; import SearchIcon from '@material-ui/icons/Search';
import { AddLabelButton } from './add-label-button'; import { AddLabelButton } from './add-label-button';
// Load fromNow pluggin
import relativeTime from 'dayjs/plugin/relativeTime'; import relativeTime from 'dayjs/plugin/relativeTime';
import { LabelsCell } from './labels-cell'; import { LabelsCell } from './labels-cell';
// Load fromNow pluggin
dayjs.extend(relativeTime); dayjs.extend(relativeTime);
function descendingComparator<T>(a: T, b: T, orderBy: keyof T) { function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {

10
packages/webapp/src/components/maps-page/maps-list/labels-cell/index.tsx
View File

@ -1,8 +1,8 @@
import React from 'react'; import React from 'react';
import Chip from '@material-ui/core/Chip'; import Chip from '@material-ui/core/Chip';
import LabelIcon from '@material-ui/icons/Label';
import {Label} from '../../../../classes/client'; import { Label } from '../../../../classes/client';
import LabelTwoTone from '@material-ui/icons/LabelTwoTone';
type Props = { type Props = {
labels: Label[], labels: Label[],
}; };
@ -14,12 +14,12 @@ export function LabelsCell({ labels }: Props): React.ReactElement<Props> {
<Chip <Chip
key={label.id} key={label.id}
size="small" size="small"
icon={<LabelIcon />} icon={<LabelTwoTone />}
label={label.title} label={label.title}
clickable clickable
color="primary" color="primary"
style={{ backgroundColor: label.color }} style={{ backgroundColor: label.color, opacity: '0.75' }}
onDelete={() => {return 1;}} onDelete={() => { return 1; }}
/> />
))} ))}
</> </>