Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | // @flow
/* eslint-disable max-statements */
import imagesConfig from "config/images"
const { DEVICE_SIZES, IMAGE_SIZES } = imagesConfig
const imageLoader = ({ src, width }: any): string => {
const baseUrl = "https://snowflakes.blufra.me/sites/blufra.me/content/"
if (width <= IMAGE_SIZES.xsmall) {
return `${baseUrl}xsmall_${src}`
}
if (width <= IMAGE_SIZES.thumbnail) {
return `${baseUrl}thumbnail_${src}`
}
if (width <= DEVICE_SIZES.mobile) {
return `${baseUrl}small_${src}`
}
if (width <= IMAGE_SIZES.small) {
return `${baseUrl}small_${src}`
}
if (width <= DEVICE_SIZES.tablet) {
return `${baseUrl}medium_${src}`
}
if (width <= IMAGE_SIZES.medium) {
return `${baseUrl}medium_${src}`
}
if (width <= IMAGE_SIZES.large) {
return `${baseUrl}large_${src}`
}
if (width <= DEVICE_SIZES.desktop) {
return `${baseUrl}large_${src}`
}
if (width <= IMAGE_SIZES.xlarge) {
return `${baseUrl}xlarge_${src}`
}
return `${baseUrl}${src}`
}
export default imageLoader
|