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

Display action buttons on status

This commit is contained in:
AkiraFukushima 2023-11-09 22:41:13 +09:00
parent 78ee03b33e
commit 5d81133b19
No known key found for this signature in database
GPG Key ID: B6E51BAC4DE1A957
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
renderer/components/timelines/status/Actions.tsx Normal file
View File

@ -0,0 +1,15 @@
import { FaBookmark, FaEllipsis, FaReply, FaRetweet, FaStar } from 'react-icons/fa6'
type Props = {}
export default function Actions(props: Props) {
return (
<div className="flex gap-6">
<FaReply className="w-4 text-gray-400 cursor-pointer hover:text-gray-600" />
<FaRetweet className="w-4 text-gray-400 cursor-pointer hover:text-gray-600" />
<FaStar className="w-4 text-gray-400 cursor-pointer hover:text-gray-600" />
<FaBookmark className="w-4 text-gray-400 cursor-pointer hover:text-gray-600" />
<FaEllipsis className="w-4 text-gray-400 cursor-pointer hover:text-gray-600" />
</div>
)
}

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

@ -7,6 +7,7 @@ import emojify from '@/utils/emojify'
import Card from './Card'
import Poll from './Poll'
import { FormattedMessage } from 'react-intl'
import Actions from './Actions'
type Props = {
status: Entity.Status
@ -46,6 +47,7 @@ export default function Status(props: Props) {
{status.poll && <Poll poll={status.poll} onRefresh={onRefresh} client={props.client} />}
{status.card && <Card card={status.card} />}
<Media media={status.media_attachments} />
<Actions />
</div>
</div>
</div>