33 lines
964 B
TypeScript
33 lines
964 B
TypeScript
import type { OdFileObject } from '../../types'
|
|
|
|
import { FC } from 'react'
|
|
import { useRouter } from 'next/router'
|
|
|
|
import { PreviewContainer, DownloadBtnContainer } from './Containers'
|
|
import DownloadButtonGroup from '../DownloadBtnGtoup'
|
|
import { getStoredToken } from '../../utils/protectedRouteHandler'
|
|
|
|
const ImagePreview: FC<{ file: OdFileObject }> = ({ file }) => {
|
|
const { asPath } = useRouter()
|
|
const hashedToken = getStoredToken(asPath)
|
|
|
|
return (
|
|
<>
|
|
<PreviewContainer>
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img
|
|
className="mx-auto"
|
|
src={`/api/raw/?path=${asPath}${hashedToken ? `&odpt=${hashedToken}` : ''}`}
|
|
alt={file.name}
|
|
width={file.image?.width}
|
|
height={file.image?.height}
|
|
/>
|
|
</PreviewContainer>
|
|
<DownloadBtnContainer>
|
|
<DownloadButtonGroup />
|
|
</DownloadBtnContainer>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default ImagePreview
|