diff --git a/ui-admin/src/js/components/database/data-browser/GridView.jsx b/ui-admin/src/js/components/database/data-browser/GridView.jsx index d6a84156d8d0d72833d59cdd160279c11bcd851d..8a3f1c9b3e54d4242bbdf7aee4f6a146162dde0d 100644 --- a/ui-admin/src/js/components/database/data-browser/GridView.jsx +++ b/ui-admin/src/js/components/database/data-browser/GridView.jsx @@ -25,9 +25,9 @@ import logger from '@src/js/common/logger.js' const styles = theme => ({ container: { fontFamily: theme.typography.fontFamily, - display: "grid", - gridTemplateColumns: "repeat(auto-fill, minmax(8rem, 1fr))", - gridGap: "0.5rem" + display: 'grid', + gridTemplateColumns: 'repeat(auto-fill, minmax(8rem, 1fr))', + gridGap: '0.5rem' } }); diff --git a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx index 85345ee91bfe33e00ca4663af0a6f310c3a228f6..f315c84c16ef3f89ce421053b96d0b1da5445714 100644 --- a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx +++ b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx @@ -21,7 +21,7 @@ import Grid from '@material-ui/core/Grid' import Card from '@material-ui/core/Card' import { CardContent, CardMedia } from '@material-ui/core' import ItemIcon from '@src/js/components/database/data-browser/ItemIcon.jsx' -import autoBind from "auto-bind"; +import autoBind from 'auto-bind'; const styles = (theme) => ({ cell: { diff --git a/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx b/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx index e5f798debf848c50bbc81681ce4076299669da01..18de58cfed084f41431a530391b647b20252a212 100644 --- a/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx +++ b/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx @@ -23,8 +23,8 @@ import Table from '@material-ui/core/Table' import TableBody from '@material-ui/core/TableBody' import TableCell from '@material-ui/core/TableCell' import TableRow from '@material-ui/core/TableRow' -import Header from "@src/js/components/common/form/Header.jsx"; -import ItemIcon from "@src/js/components/database/data-browser/ItemIcon.jsx"; +import Header from '@src/js/components/common/form/Header.jsx'; +import ItemIcon from '@src/js/components/database/data-browser/ItemIcon.jsx'; import { withStyles } from "@material-ui/core/styles"; const styles = () => ({ @@ -47,6 +47,7 @@ class InfoPanel extends React.Component { configuration } = this.props + // TODO: extract strings to messages return (file && <Container> <Header size='big'>{file.name}</Header> @@ -54,19 +55,19 @@ class InfoPanel extends React.Component { <Table> <TableBody> <TableRow> - <TableCell variant='head'>Size</TableCell> + <TableCell variant='head' component='th'>Size</TableCell> <TableCell>{file.size}</TableCell> </TableRow> <TableRow> - <TableCell variant='head'>Created</TableCell> + <TableCell variant='head' component='th'>Created</TableCell> <TableCell>{file.creationTime.toLocaleString()}</TableCell> </TableRow> <TableRow> - <TableCell variant='head'>Modified</TableCell> + <TableCell variant='head' component='th'>Modified</TableCell> <TableCell>{file.lastModifiedTime.toLocaleString()}</TableCell> </TableRow> <TableRow> - <TableCell variant='head'>Accessed</TableCell> + <TableCell variant='head' component='th'>Accessed</TableCell> <TableCell>{file.lastAccessTime.toLocaleString()}</TableCell> </TableRow> </TableBody> diff --git a/ui-admin/src/js/components/database/data-browser/Toolbar.jsx b/ui-admin/src/js/components/database/data-browser/Toolbar.jsx index dc46e8e6773fab22de7c31aac1f2bb621d6a258f..f561fc791f57062d5a169bb2ad4336fe4d11aeae 100644 --- a/ui-admin/src/js/components/database/data-browser/Toolbar.jsx +++ b/ui-admin/src/js/components/database/data-browser/Toolbar.jsx @@ -26,8 +26,8 @@ import SettingsIcon from '@material-ui/icons/Settings' import SearchIcon from '@material-ui/icons/Search' import InfoIcon from '@material-ui/icons/InfoOutlined' import CreateNewFolderIcon from '@material-ui/icons/CreateNewFolderOutlined' -import autoBind from "auto-bind"; -import { ToggleButton } from "@material-ui/lab"; +import autoBind from 'auto-bind' +import { ToggleButton } from '@material-ui/lab' const styles = () => ({})