Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

Show media attachments

This commit is contained in:
AkiraFukushima 2023-11-03 23:02:48 +09:00
parent 3909148b17
commit 514880bf0e
No known key found for this signature in database
GPG Key ID: B6E51BAC4DE1A957
2 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
renderer/components/timelines/status/Media.tsx Normal file
View File

@ -0,0 +1,19 @@
import { Entity } from 'megalodon'
type Props = {
media: Array<Entity.Attachment>
}
export default function Media(props: Props) {
return (
<div className="mt-2 flex flex-wrap">
{props.media.map((media, key) => (
<img
src={media.preview_url}
className="h-36 mr-2 mb-2 rounded-md max-w-full cursor-pointer"
alt={media.description}
title={media.description}
/>
))}
</div>
)
}

2
renderer/components/timelines/status/Status.tsx
View File

@ -2,6 +2,7 @@ import { Avatar } from 'flowbite-react'
import { Entity, MegalodonInterface } from 'megalodon'
import dayjs from 'dayjs'
import Body from './Body'
import Media from './Media'
import emojify from '@/utils/emojify'
type Props = {
@ -33,6 +34,7 @@ export default function Status(props: Props) {
</div>
</div>
<Body status={status} />
<Media media={status.media_attachments} />
</div>
</div>
</div>