1
0
mirror of https://github.com/h3poteto/whalebird-desktop synced 2024-12-23 23:47:57 +01:00
Whalebird-desktop-client-ma.../renderer/components/Media.tsx
2023-12-02 19:26:45 +09:00

27 lines
676 B
TypeScript

import { Modal } from 'flowbite-react'
import { Entity } from 'megalodon'
type Props = {
open: boolean
close: () => void
attachment: Entity.Attachment | null
}
export default function Media(props: Props) {
return (
<Modal show={props.open} onClose={props.close} size="6xl">
<Modal.Header />
<Modal.Body className="max-h-full max-w-full">
{props.attachment && (
<img
src={props.attachment.url}
alt={props.attachment.description}
title={props.attachment.description}
className="object-contain max-h-full max-w-full m-auto"
/>
)}
</Modal.Body>
</Modal>
)
}