Skip to content

Commit bf75e08

Browse files
authored
Merge pull request danilowoz#274 from agustinramos/master
Add new loader: ImageUpload
2 parents cc5595d + 2e462e1 commit bf75e08

File tree

2 files changed

+28
-0
lines changed

2 files changed

+28
-0
lines changed
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import React from "react"
2+
import ContentLoader from "react-content-loader"
3+
4+
const ImageLoader = props => {
5+
return (
6+
<ContentLoader
7+
viewBox="0 0 500 500"
8+
height={200}
9+
width={200}
10+
backgroundColor="#f3f3f3"
11+
foregroundColor="#ecebeb"
12+
{...props}
13+
>
14+
<path d="M484.52,64.61H15.65C7.1,64.61.17,71.2.17,79.31V299.82c0,8.12,6.93,14.7,15.48,14.7H484.52c8.55,0,15.48-6.58,15.48-14.7V79.31C500,71.2,493.07,64.61,484.52,64.61Zm-9,204.34c0,11.84-7.14,21.44-15.94,21.44H436.39L359.16,171.52c-7.1-10.92-19.67-11.16-27-.51L258.64,277.94C253.78,285,245.73,286,240,280.2l-79.75-80.62c-6-6.06-14.33-5.7-20,.88L62.34,290.39H40.63c-8.8,0-15.94-9.6-15.94-21.44V110.19c0-11.84,7.14-21.44,15.94-21.44H459.54c8.8,0,15.94,9.6,15.94,21.44Z" />
15+
<ellipse cx="120" cy="140" rx="28" ry="28" />
16+
</ContentLoader>
17+
)
18+
}
19+
20+
ImageLoader.metadata = {
21+
name: 'Agustin Ramos Peruzzo',
22+
github: 'agustinramos',
23+
description: 'Loader used in upload image process',
24+
filename: 'ImageUpload'
25+
}
26+
27+
export default ImageLoader

src/Gallery/insertYourLoaderHere/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,3 +75,4 @@ export { default as DiscordLoader } from './DiscordLoader'
7575
export { default as ResponsiveProduct } from './ResponsiveProduct'
7676
export { default as ClassicPostLoader } from './ClassicPostLoader'
7777
export { default as CheckboxList } from './CheckboxList'
78+
export { default as ImageUpload } from './ImageUpload'

0 commit comments

Comments
 (0)