@fakel/rest-admin
Version:
An application that makes it easier to work with your API
45 lines (44 loc) • 1.92 kB
JavaScript
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
};
import React, { useEffect, useState } from 'react';
import Space from 'antd/lib/space';
import Image from 'antd/lib/image';
import Spin from 'antd/lib/spin';
import { useDataProviderStore } from '../../hooks';
export var GallerySelectedImages = function (_a) {
var getPreviewImage = _a.getPreviewImage, ids = _a.ids;
if (!getPreviewImage || !ids) {
return null;
}
var dataProvider = useDataProviderStore().dataProvider;
var _b = useState(), images = _b[0], setImages = _b[1];
var _c = useState(false), loading = _c[0], setLoadgin = _c[1];
useEffect(function () {
setLoadgin(true);
getPreviewImage(dataProvider, ids)
.then(function (data) {
if (data) {
setImages(function (_images) {
if (Array.isArray(data) && Array.isArray(_images)) {
return __spreadArray(__spreadArray([], _images), [data]);
}
return data;
});
setLoadgin(false);
}
})
.catch(function (error) {
console.error(error);
setImages([]);
setLoadgin(false);
});
}, [ids]);
if (loading) {
return React.createElement(Spin, { size: "small" });
}
return (React.createElement(React.Fragment, null, images ? (React.createElement(Space, { direction: "vertical" },
React.createElement(Space, { size: [10, 10], wrap: true }, Array.isArray(images) ? (images.map(function (image) { return React.createElement(Image, { src: image.src, key: image.id, width: 50 }); })) : (React.createElement(Image, { src: images.src, key: images.id, width: 50 }))))) : null));
};