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 card

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

28
renderer/components/timelines/status/Card.tsx Normal file
View File

@ -0,0 +1,28 @@
import { Entity } from 'megalodon'
type Props = {
card: Entity.Card
}
export default function Card(props: Props) {
const openCard = () => {
global.ipc.invoke('open-browser', props.card.url)
}
return (
<div
className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis"
onClick={openCard}
>
<div style={{ height: '60px', width: '60px' }}>
<img src={props.card.image} alt={props.card.title} className="w-full h-full" />
</div>
<div className="px-2" style={{ height: '60px', width: 'calc(100% - 60px)' }}>
<p className="text-ellipsis overflow-hidden w-full whitespace-nowrap">
<strong>{props.card.title}</strong>
</p>
<p className="text-ellipsis overflow-hidden w-full whitespace-nowrap">{props.card.description}</p>
</div>
</div>
)
}

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

@ -4,6 +4,7 @@ import dayjs from 'dayjs'
import Body from './Body'
import Media from './Media'
import emojify from '@/utils/emojify'
import Card from './Card'
type Props = {
status: Entity.Status
@ -34,6 +35,7 @@ export default function Status(props: Props) {
</div>
</div>
<Body status={status} />
{status.card && <Card card={status.card} />}
<Media media={status.media_attachments} />
</div>
</div>