Skip to content

Commit c1a8304

Browse files
JF-CozyJF-Cozy
committed
feat: Remove Thumbnail component
BREAKING CHANGE: Thumbnail has been removed with no replacement. Use Div instead (see commit and doc)
1 parent 52c3487 commit c1a8304

File tree

5 files changed

+13
-113
lines changed

5 files changed

+13
-113
lines changed

‎docs/styleguide.config.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,6 @@ module.exports = {
5353
'../react/Switch',
5454
'../react/Tabs',
5555
'../react/TextField',
56-
'../react/Thumbnail',
5756
'../react/ToggleButton',
5857
'../react/ToggleButtonGroup',
5958
'../react/Tooltip',

‎react/Thumbnail/Readme.md‎

Lines changed: 13 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,25 @@
11
```jsx
2-
import Thumbnail from 'cozy-ui/transpiled/react/Thumbnail'
32
import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
43
import Icon from 'cozy-ui/transpiled/react/Icon'
54
import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People'
6-
import Box from 'cozy-ui/transpiled/react/Box'
75
import CloudWallpaper from 'cozy-ui/docs/cloud-wallpaper.jpg'
86

97
;
108

119
<>
12-
<Thumbnail className="u-mb-1">
13-
<Skeleton variant="rect" animation="wave" />
14-
</Thumbnail>
15-
<Thumbnail className="u-mb-1" isStacked={true}>
16-
<Skeleton variant="rect" animation="wave" />
17-
</Thumbnail>
18-
<Thumbnail className="u-mb-1">
19-
<img src={CloudWallpaper} alt="" />
20-
</Thumbnail>
21-
<Thumbnail className="u-mb-1" isStacked={true}>
22-
<img src={CloudWallpaper} alt="" />
23-
</Thumbnail>
24-
<Thumbnail className="u-mb-1" isStacked={true}>
10+
<div className="u-flex u-w-2 u-h-2 u-flex-items-center u-flex-justify-center">
11+
<Skeleton className="u-w-100 u-h-100" variant="rect" animation="wave" />
12+
</div>
13+
<div className="u-flex u-w-2 u-h-2 u-flex-items-center u-flex-justify-center">
14+
<img
15+
className="u-w-2 u-h-2"
16+
style={{ objectFit: "contain" }}
17+
src={CloudWallpaper}
18+
alt=""
19+
/>
20+
</div>
21+
<div className="u-flex u-w-2 u-h-2 u-flex-items-center u-flex-justify-center">
2522
<Icon icon={PeopleIcon} />
26-
</Thumbnail>
27-
<Thumbnail className="u-mb-1">
28-
<Icon icon={PeopleIcon} />
29-
</Thumbnail>
23+
</div>
3024
</>
3125
```

‎react/Thumbnail/Thumbnail.styl‎

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

‎react/Thumbnail/index.jsx‎

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

‎react/index.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,6 @@ export { default as Skeleton } from './Skeleton'
9393
export { default as InputAdornment } from './InputAdornment'
9494
export { default as InputBase } from './InputBase'
9595
export { default as SearchBar } from './SearchBar'
96-
export { default as Thumbnail } from './Thumbnail'
9796
export { default as ButtonBase } from './ButtonBase'
9897
export { default as Timeline } from './Timeline'
9998
export { default as TimelineConnector } from './TimelineConnector'

0 commit comments

Comments
 (0)