From 5d81133b1919dac2d1ac42e6f7c48c7c21a9f4d5 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Thu, 9 Nov 2023 22:41:13 +0900
Subject: [PATCH] Display action buttons on status

---
 renderer/components/timelines/status/Actions.tsx | 15 +++++++++++++++
 renderer/components/timelines/status/Status.tsx  |  2 ++
 2 files changed, 17 insertions(+)
 create mode 100644 renderer/components/timelines/status/Actions.tsx

diff --git a/renderer/components/timelines/status/Actions.tsx b/renderer/components/timelines/status/Actions.tsx
new file mode 100644
index 0000000000..e02f16eace
--- /dev/null
+++ b/renderer/components/timelines/status/Actions.tsx
@@ -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>
+  )
+}
diff --git a/renderer/components/timelines/status/Status.tsx b/renderer/components/timelines/status/Status.tsx
index 061d0a3154..c5972c2cb8 100644
--- a/renderer/components/timelines/status/Status.tsx
+++ b/renderer/components/timelines/status/Status.tsx
@@ -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>