diff --git a/src/pages/Membership/MembershipModal.js b/src/pages/Membership/MembershipModal.js
index b7fcdd8..7743fb4 100644
--- a/src/pages/Membership/MembershipModal.js
+++ b/src/pages/Membership/MembershipModal.js
@@ -35,6 +35,9 @@ export const MembershipModal = ({
const [responseFilenameStore, setResponseFilenameStore] = useState("");
const [loading, setLoading] = useState(false);
const [loadingStore, setLoadingStore] = useState(false);
+ const [previewVisible, setPreviewVisible] = useState(false);
+ const [previewImage1, setPreviewImage1] = useState("");
+ const [previewTitle, setPreviewTitle] = useState("");
useEffect(() => {
if (initialData.id) {
@@ -58,6 +61,28 @@ export const MembershipModal = ({
return () => {};
}, [initialData]);
+ const getBase64 = (file) => {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = () => resolve(reader.result);
+ reader.onerror = (error) => reject(error);
+ });
+ };
+
+ const handlePreviewData = async (file) => {
+ if (!file.url && !file.preview) {
+ file.preview = await getBase64(file.originFileObj);
+ }
+ setPreviewImage1(file.url || file.preview);
+ setPreviewVisible(true);
+ setPreviewTitle(
+ file.name || file.url.substring(file.url.lastIndexOf("/") + 1)
+ );
+ };
+
+ const handleCancel1 = () => { setPreviewVisible(false) };
+
const beforeUpload = (file) => {
let isLt2M;
let allowedFile = ["image/jpeg", "image/png"];
@@ -292,11 +317,11 @@ export const MembershipModal = ({
{
- setPreviewImage(file.url || file.filename);
- }}
+ // onPreview={(file) => {
+ // setPreviewImage(file.url || file.filename);
+ // }}
showUploadList={true}
- onPreview={previewImage}
+ onPreview={handlePreviewData}
onChange={handleChange}
beforeUpload={(file) => beforeUpload(file)}
customRequest={(args) => uploadHandler(args)}
@@ -309,6 +334,18 @@ export const MembershipModal = ({
>
{image === "" ? uploadButton : null}
+
+ 
+
{
- setPreviewImage(file.url || file.filename);
- }}
+ // onPreview={(file) => {
+ // setPreviewImage(file.url || file.filename);
+ // }}
showUploadList={true}
- onPreview={previewImage}
+ onPreview={handlePreviewData}
onChange={handleChange}
beforeUpload={(file) => beforeUpload(file)}
customRequest={(args) => uploadHandler(args)}
@@ -379,6 +416,18 @@ export const MembershipModal = ({
>
{image === "" ? uploadButton : null}
+
+
+
{
- setPreviewImage(file.url || file.filename);
- }}
+ // onPreview={(file) => {
+ // setPreviewImage(file.url || file.filename);
+ // }}
showUploadList={true}
- onPreview={previewImage}
+ onPreview={handlePreviewData}
onChange={handleChange}
beforeUpload={(file) => beforeUpload(file)}
customRequest={(args) => uploadHandler(args)}
@@ -452,6 +501,18 @@ export const MembershipModal = ({
>
{image === "" ? uploadButton : null}
+
+
+
{
- setPreviewImageStore(file.url || file.filename);
- }}
+ // onPreview={(file) => {
+ // setPreviewImageStore(file.url || file.filename);
+ // }}
showUploadList={true}
- onPreview={previewImageStore}
+ onPreview={handlePreviewData}
onChange={handleChangeStore}
beforeUpload={(file) => beforeUploadStore(file)}
customRequest={(args) => uploadHandlerStore(args)}
@@ -484,6 +545,18 @@ export const MembershipModal = ({
>
{fileStore.length >= 3 ? null : uploadButtonStore}
+
+
+