mirror of
https://github.com/h3poteto/whalebird-desktop
synced 2025-02-03 18:57:43 +01:00
Display action buttons on status
This commit is contained in:
parent
78ee03b33e
commit
5d81133b19
15
renderer/components/timelines/status/Actions.tsx
Normal file
15
renderer/components/timelines/status/Actions.tsx
Normal 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>
|
||||
)
|
||||
}
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user