diff options
| author | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
|---|---|---|
| committer | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
| commit | a7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch) | |
| tree | 74f66253717515d364ce74bd8275015c1f829cbc /src/core/components/elements/Image/Image.jsx | |
| parent | 90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff) | |
| parent | a1b9b647a6c4bda1f5db63879639d44543f9557e (diff) | |
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src/core/components/elements/Image/Image.jsx')
| -rw-r--r-- | src/core/components/elements/Image/Image.jsx | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/core/components/elements/Image/Image.jsx b/src/core/components/elements/Image/Image.jsx new file mode 100644 index 00000000..ac82aaaf --- /dev/null +++ b/src/core/components/elements/Image/Image.jsx @@ -0,0 +1,18 @@ +import { LazyLoadImage } from 'react-lazy-load-image-component' +import 'react-lazy-load-image-component/src/effects/opacity.css' + +const Image = ({ ...props }) => ( + <> + <LazyLoadImage + {...props} + src={props.src || '/images/noimage.jpeg'} + placeholderSrc='/images/indoteknik-placeholder.png' + alt={props.src ? props.alt : 'Image Not Found - Indoteknik'} + wrapperClassName='bg-white' + /> + </> +) + +Image.defaultProps = LazyLoadImage.defaultProps + +export default Image |
