vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-22 14:47:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Favicon update

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2021-01-30 23:42:16 -08:00
parent 21ccfc13f6
commit 4905fcc58f
2 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,7 +13,7 @@ import InboxTwoToneIcon from '@material-ui/icons/InboxTwoTone';
import { Button, Link, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core'; import { Button, Link, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core';
import { MapsList } from './maps-list'; import { MapsList } from './maps-list';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
const logo = require('../../images/logo-small.svg') const logoIcon = require('../../images/logo-small.svg')
const poweredByIcon = require('../../images/pwrdby-white.svg') const poweredByIcon = require('../../images/pwrdby-white.svg')
type FilterType = 'public' | 'all' | 'starred' | 'shared' | 'label' | 'owned' type FilterType = 'public' | 'all' | 'starred' | 'shared' | 'label' | 'owned'
@ -83,8 +83,8 @@ const MapsPage = (props: any) => {
}), }),
}}> }}>
<div style={{ textAlign: 'center', margin: "20px 0px" }}> <div style={{ padding: "20px 0 20px 15px" }}>
<img src={logo} alt="logo" /> <img src={logoIcon} alt="logo" />
</div> </div>
<List component="nav"> <List component="nav">

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

@ -68,7 +68,6 @@ interface HeadCell {
} }
const headCells: HeadCell[] = [ const headCells: HeadCell[] = [
{ id: 'starred', numeric: false, disablePadding: false, label: '', style: { width: '20px', padding: '0px' } },
{ id: 'name', numeric: false, disablePadding: true, label: 'Name', style: {} }, { id: 'name', numeric: false, disablePadding: true, label: 'Name', style: {} },
{ id: 'labels', numeric: false, disablePadding: true, style: {} }, { id: 'labels', numeric: false, disablePadding: true, style: {} },
{ id: 'creator', numeric: false, disablePadding: false, label: 'Creator', style: {} }, { id: 'creator', numeric: false, disablePadding: false, label: 'Creator', style: {} },
@ -105,8 +104,10 @@ function EnhancedTableHead(props: EnhancedTableProps) {
/> />
</TableCell> </TableCell>
<TableCell padding='checkbox' key='starred' className={classes.headerCell}></TableCell>
{headCells.map((headCell) => { {headCells.map((headCell) => {
return headCell.label ? (<TableCell return (<TableCell
key={headCell.id} key={headCell.id}
sortDirection={orderBy === headCell.id ? order : false} sortDirection={orderBy === headCell.id ? order : false}
style={headCell.style} style={headCell.style}
@ -123,10 +124,11 @@ function EnhancedTableHead(props: EnhancedTableProps) {
</span> </span>
) : null} ) : null}
</TableSortLabel> </TableSortLabel>
</TableCell>) : (<TableCell className={classes.headerCell} key={headCell.id}> </TableCell>) </TableCell>)
} })}
)}
<TableCell style={{ width: '20px', padding: '0px' }} key='actions' className={classes.headerCell}></TableCell> <TableCell padding='checkbox' key='action' className={classes.headerCell}></TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
); );
@ -333,14 +335,18 @@ export const MapsList = () => {
selected={isItemSelected} selected={isItemSelected}
style={{ border: "0" }} style={{ border: "0" }}
> >
<TableCell padding="checkbox" style={{ border: "0" }}> <TableCell
padding="checkbox"
className={classes.bodyCell}>
<Checkbox <Checkbox
checked={isItemSelected} checked={isItemSelected}
inputProps={{ 'aria-labelledby': String(labelId) }} inputProps={{ 'aria-labelledby': String(labelId) }}
size="small" /> size="small" />
</TableCell> </TableCell>
<TableCell> <TableCell
padding="checkbox"
className={classes.bodyCell}>
<Tooltip title="Starred"> <Tooltip title="Starred">
<IconButton aria-label="Starred" size="small" onClick={(e) => handleStarred(e, row.id)}> <IconButton aria-label="Starred" size="small" onClick={(e) => handleStarred(e, row.id)}>
<StarRateRoundedIcon color="action" style={{ color: row.starred ? 'yellow' : 'gray' }} /> <StarRateRoundedIcon color="action" style={{ color: row.starred ? 'yellow' : 'gray' }} />
@ -348,7 +354,7 @@ export const MapsList = () => {
</Tooltip> </Tooltip>
</TableCell> </TableCell>
<TableCell> <TableCell className={classes.bodyCell}>
<Tooltip title="Open for edition" placement="bottom-start"> <Tooltip title="Open for edition" placement="bottom-start">
<Link href={`c/maps/${row.id}/edit`} color="textPrimary" underline="always"> <Link href={`c/maps/${row.id}/edit`} color="textPrimary" underline="always">
@ -357,11 +363,19 @@ export const MapsList = () => {
</Tooltip> </Tooltip>
</TableCell> </TableCell>
<TableCell>{row.labels}</TableCell> <TableCell className={classes.bodyCell}>
<TableCell>{row.creator}</TableCell> {row.labels}
<TableCell>{row.modified}</TableCell> </TableCell>
<TableCell> <TableCell className={classes.bodyCell}>
{row.creator}
</TableCell>
<TableCell className={classes.bodyCell}>
{row.modified}
</TableCell>
<TableCell className={classes.bodyCell}>
<Tooltip title="Others"> <Tooltip title="Others">
<IconButton aria-label="Others" size="small" onClick={handleActionClick(row.id)}> <IconButton aria-label="Others" size="small" onClick={handleActionClick(row.id)}>
<MoreHorizIcon color="action" /> <MoreHorizIcon color="action" />