You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.3 KiB
51 lines
1.3 KiB
import {
|
|
useEffect,
|
|
useMemo,
|
|
useState,
|
|
} from 'react'
|
|
|
|
import { readToken } from 'helpers'
|
|
|
|
export type TUseCardFrontside = {
|
|
preview?: string,
|
|
previewURL?: string,
|
|
}
|
|
|
|
export const useCardPreview = ({
|
|
preview,
|
|
previewURL,
|
|
}: TUseCardFrontside) => {
|
|
const [previewImage, setPreviewImage] = useState('')
|
|
const currentPreviewURL = useMemo(() => (
|
|
previewURL ? `${previewURL}?access_token=${readToken()}` : preview
|
|
), [preview, previewURL])
|
|
|
|
useEffect(() => {
|
|
(async () => {
|
|
if (!currentPreviewURL) return
|
|
|
|
try {
|
|
const image = await fetch(String(currentPreviewURL), {
|
|
headers: { Authorization: `Bearer ${readToken()}` },
|
|
}).then(async (result) => ({
|
|
blob: await result.blob(),
|
|
status: result.status,
|
|
}))
|
|
|
|
if (image.status === 200) {
|
|
setPreviewImage(URL.createObjectURL(image.blob))
|
|
}
|
|
} catch (e) {
|
|
// eslint-disable-next-line no-console
|
|
console.error(e)
|
|
}
|
|
})()
|
|
|
|
return () => URL.revokeObjectURL(previewImage)
|
|
|
|
// добавление previewImage в зависимость вызывает бесконечный цикл
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [currentPreviewURL])
|
|
|
|
return { previewImage }
|
|
}
|
|
|