Display action buttons on status

h3poteto · Nov 9, 2023 · 5d81133 · 5d81133
1 parent 78ee03b
commit 5d81133
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/renderer/components/timelines/status/Actions.tsx 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
@@ -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>