|
|
|
|
@ -17,9 +17,7 @@ export const useCardPreview = ({ |
|
|
|
|
}: TUseCardFrontside) => { |
|
|
|
|
const [previewImage, setPreviewImage] = useState('') |
|
|
|
|
const currentPreviewURL = useMemo(() => ( |
|
|
|
|
previewURL |
|
|
|
|
? `${previewURL}?access_token=${readToken()}` |
|
|
|
|
: preview |
|
|
|
|
previewURL ? `${previewURL}?access_token=${readToken()}` : preview |
|
|
|
|
), [preview, previewURL]) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
@ -27,12 +25,15 @@ export const useCardPreview = ({ |
|
|
|
|
if (!currentPreviewURL) return |
|
|
|
|
|
|
|
|
|
const image = await fetch(String(currentPreviewURL), { |
|
|
|
|
headers: { |
|
|
|
|
Authorization: `Bearer ${readToken()}`, |
|
|
|
|
}, |
|
|
|
|
}).then((result) => result.blob()) |
|
|
|
|
headers: { Authorization: `Bearer ${readToken()}` }, |
|
|
|
|
}).then(async (result) => ({ |
|
|
|
|
blob: await result.blob(), |
|
|
|
|
status: result.status, |
|
|
|
|
})) |
|
|
|
|
|
|
|
|
|
setPreviewImage(URL.createObjectURL(image)) |
|
|
|
|
if (image.status === 200) { |
|
|
|
|
setPreviewImage(URL.createObjectURL(image.blob)) |
|
|
|
|
} |
|
|
|
|
})() |
|
|
|
|
}, [currentPreviewURL]) |
|
|
|
|
|
|
|
|
|
|