Skip to content

Commit 1824b8a

Browse files
oliviertassinarioliviertassinari
committed
[GridList] Rename ImageList
1 parent d1a7d76 commit 1824b8a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+235
-237
lines changed

‎docs/src/pages/demos/grid-list/grid-list.md‎

Lines changed: 0 additions & 39 deletions
This file was deleted.

docs/src/pages/demos/grid-list/AdvancedGridList.js renamed to docs/src/pages/demos/image-list/AdvancedImageList.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import { withStyles } from '@material-ui/core/styles';
4-
import GridList from '@material-ui/core/GridList';
5-
import GridListTile from '@material-ui/core/GridListTile';
6-
import GridListTileBar from '@material-ui/core/GridListTileBar';
4+
import ImageList from '@material-ui/core/ImageList';
5+
import ImageListTile from '@material-ui/core/ImageListTile';
6+
import ImageListTileBar from '@material-ui/core/ImageListTileBar';
77
import IconButton from '@material-ui/core/IconButton';
88
import StarBorderIcon from '@material-ui/icons/StarBorder';
99
import tileData from './tileData';
@@ -50,16 +50,16 @@ const styles = theme => ({
5050
* },
5151
* ];
5252
*/
53-
function AdvancedGridList(props) {
53+
function AdvancedImageList(props) {
5454
const { classes } = props;
5555

5656
return (
5757
<div className={classes.root}>
58-
<GridList cellHeight={200} spacing={1} className={classes.gridList}>
58+
<ImageList cellHeight={200} spacing={1} className={classes.gridList}>
5959
{tileData.map(tile => (
60-
<GridListTile key={tile.img} cols={tile.featured ? 2 : 1} rows={tile.featured ? 2 : 1}>
60+
<ImageListTile key={tile.img} cols={tile.featured ? 2 : 1} rows={tile.featured ? 2 : 1}>
6161
<img src={tile.img} alt={tile.title} />
62-
<GridListTileBar
62+
<ImageListTileBar
6363
title={tile.title}
6464
titlePosition="top"
6565
actionIcon={
@@ -70,15 +70,15 @@ function AdvancedGridList(props) {
7070
actionPosition="left"
7171
className={classes.titleBar}
7272
/>
73-
</GridListTile>
73+
</ImageListTile>
7474
))}
75-
</GridList>
75+
</ImageList>
7676
</div>
7777
);
7878
}
7979

80-
AdvancedGridList.propTypes = {
80+
AdvancedImageList.propTypes = {
8181
classes: PropTypes.object.isRequired,
8282
};
8383

84-
export default withStyles(styles)(AdvancedGridList);
84+
export default withStyles(styles)(AdvancedImageList);

docs/src/pages/demos/grid-list/ImageGridList.js renamed to docs/src/pages/demos/image-list/ImageOnlyList.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import { withStyles } from '@material-ui/core/styles';
4-
import GridList from '@material-ui/core/GridList';
5-
import GridListTile from '@material-ui/core/GridListTile';
4+
import ImageList from '@material-ui/core/ImageList';
5+
import ImageListTile from '@material-ui/core/ImageListTile';
66
import tileData from './tileData';
77

88
const styles = theme => ({
@@ -37,24 +37,24 @@ const styles = theme => ({
3737
* },
3838
* ];
3939
*/
40-
function ImageGridList(props) {
40+
function ImageOnlyList(props) {
4141
const { classes } = props;
4242

4343
return (
4444
<div className={classes.root}>
45-
<GridList cellHeight={160} className={classes.gridList} cols={3}>
45+
<ImageList cellHeight={160} className={classes.gridList} cols={3}>
4646
{tileData.map(tile => (
47-
<GridListTile key={tile.img} cols={tile.cols || 1}>
47+
<ImageListTile key={tile.img} cols={tile.cols || 1}>
4848
<img src={tile.img} alt={tile.title} />
49-
</GridListTile>
49+
</ImageListTile>
5050
))}
51-
</GridList>
51+
</ImageList>
5252
</div>
5353
);
5454
}
5555

56-
ImageGridList.propTypes = {
56+
ImageOnlyList.propTypes = {
5757
classes: PropTypes.object.isRequired,
5858
};
5959

60-
export default withStyles(styles)(ImageGridList);
60+
export default withStyles(styles)(ImageOnlyList);

docs/src/pages/demos/grid-list/SingleLineGridList.js renamed to docs/src/pages/demos/image-list/SingleLineImageList.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import { withStyles } from '@material-ui/core/styles';
4-
import GridList from '@material-ui/core/GridList';
5-
import GridListTile from '@material-ui/core/GridListTile';
6-
import GridListTileBar from '@material-ui/core/GridListTileBar';
4+
import ImageList from '@material-ui/core/ImageList';
5+
import ImageListTile from '@material-ui/core/ImageListTile';
6+
import ImageListTileBar from '@material-ui/core/ImageListTileBar';
77
import IconButton from '@material-ui/core/IconButton';
88
import StarBorderIcon from '@material-ui/icons/StarBorder';
99
import tileData from './tileData';
@@ -47,16 +47,16 @@ const styles = theme => ({
4747
* },
4848
* ];
4949
*/
50-
function SingleLineGridList(props) {
50+
function SingleLineImageList(props) {
5151
const { classes } = props;
5252

5353
return (
5454
<div className={classes.root}>
55-
<GridList className={classes.gridList} cols={2.5}>
55+
<ImageList className={classes.gridList} cols={2.5}>
5656
{tileData.map(tile => (
57-
<GridListTile key={tile.img}>
57+
<ImageListTile key={tile.img}>
5858
<img src={tile.img} alt={tile.title} />
59-
<GridListTileBar
59+
<ImageListTileBar
6060
title={tile.title}
6161
classes={{
6262
root: classes.titleBar,
@@ -68,15 +68,15 @@ function SingleLineGridList(props) {
6868
</IconButton>
6969
}
7070
/>
71-
</GridListTile>
71+
</ImageListTile>
7272
))}
73-
</GridList>
73+
</ImageList>
7474
</div>
7575
);
7676
}
7777

78-
SingleLineGridList.propTypes = {
78+
SingleLineImageList.propTypes = {
7979
classes: PropTypes.object.isRequired,
8080
};
8181

82-
export default withStyles(styles)(SingleLineGridList);
82+
export default withStyles(styles)(SingleLineImageList);

docs/src/pages/demos/grid-list/TitlebarGridList.js renamed to docs/src/pages/demos/image-list/TitlebarImageList.js

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import { withStyles } from '@material-ui/core/styles';
4-
import GridList from '@material-ui/core/GridList';
5-
import GridListTile from '@material-ui/core/GridListTile';
6-
import GridListTileBar from '@material-ui/core/GridListTileBar';
4+
import ImageList from '@material-ui/core/ImageList';
5+
import ImageListTile from '@material-ui/core/ImageListTile';
6+
import ImageListTileBar from '@material-ui/core/ImageListTileBar';
77
import ListSubheader from '@material-ui/core/ListSubheader';
88
import IconButton from '@material-ui/core/IconButton';
99
import InfoIcon from '@material-ui/icons/Info';
@@ -43,19 +43,19 @@ const styles = theme => ({
4343
* },
4444
* ];
4545
*/
46-
function TitlebarGridList(props) {
46+
function TitlebarImageList(props) {
4747
const { classes } = props;
4848

4949
return (
5050
<div className={classes.root}>
51-
<GridList cellHeight={180} className={classes.gridList}>
52-
<GridListTile key="Subheader" cols={2} style={{ height: 'auto' }}>
51+
<ImageList cellHeight={180} className={classes.gridList}>
52+
<ImageListTile key="Subheader" cols={2} style={{ height: 'auto' }}>
5353
<ListSubheader component="div">December</ListSubheader>
54-
</GridListTile>
54+
</ImageListTile>
5555
{tileData.map(tile => (
56-
<GridListTile key={tile.img}>
56+
<ImageListTile key={tile.img}>
5757
<img src={tile.img} alt={tile.title} />
58-
<GridListTileBar
58+
<ImageListTileBar
5959
title={tile.title}
6060
subtitle={<span>by: {tile.author}</span>}
6161
actionIcon={
@@ -64,15 +64,15 @@ function TitlebarGridList(props) {
6464
</IconButton>
6565
}
6666
/>
67-
</GridListTile>
67+
</ImageListTile>
6868
))}
69-
</GridList>
69+
</ImageList>
7070
</div>
7171
);
7272
}
7373

74-
TitlebarGridList.propTypes = {
74+
TitlebarImageList.propTypes = {
7575
classes: PropTypes.object.isRequired,
7676
};
7777

78-
export default withStyles(styles)(TitlebarGridList);
78+
export default withStyles(styles)(TitlebarImageList);

docs/src/pages/demos/grid-list/grid-list-de.md renamed to docs/src/pages/demos/image-list/grid-list-de.md

File renamed without changes.

docs/src/pages/demos/grid-list/grid-list-es.md renamed to docs/src/pages/demos/image-list/grid-list-es.md

File renamed without changes.

docs/src/pages/demos/grid-list/grid-list-fr.md renamed to docs/src/pages/demos/image-list/grid-list-fr.md

File renamed without changes.

docs/src/pages/demos/grid-list/grid-list-ja.md renamed to docs/src/pages/demos/image-list/grid-list-ja.md

File renamed without changes.

docs/src/pages/demos/grid-list/grid-list-pt.md renamed to docs/src/pages/demos/image-list/grid-list-pt.md

File renamed without changes.

0 commit comments

Comments
 (0)