From 93e6b6c6e455f0f0e9bf0a6ae18896fcd625b65f Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Fri, 4 Feb 2022 15:55:41 -0800
Subject: [PATCH] adding action buttons

---
 .../Conversations/ConversationFullRow.tsx     | 43 ++++++++++++-------
 .../MainTabsOrPages/Conversations.tsx         |  8 ----
 2 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/packages/web/components/Conversations/ConversationFullRow.tsx b/packages/web/components/Conversations/ConversationFullRow.tsx
index 2f50c5d..0b65524 100644
--- a/packages/web/components/Conversations/ConversationFullRow.tsx
+++ b/packages/web/components/Conversations/ConversationFullRow.tsx
@@ -1,5 +1,5 @@
 import Conversation from "@nirvana/common/models/conversation";
-import { Avatar } from "antd";
+import { Avatar, Tooltip } from "antd";
 import moment from "moment";
 import {
   FaCircle,
@@ -15,6 +15,7 @@ import {
   checkIncomingMessageSelector,
 } from "../../recoil/main";
 import { MasterAvatarGroupWithUserFetch } from "../UserDetails/MasterAvatarGroup";
+import { FaPlay } from "react-icons/fa";
 
 export default function ConversationFullRow(props: {
   conversation: Conversation;
@@ -33,7 +34,7 @@ export default function ConversationFullRow(props: {
   return (
     <span
       className="py-5 px-4 border-t border-t-slate-200 flex flex-row
-       hover:bg-slate-50 transition-all items-center"
+       hover:bg-slate-50 transition-all items-center group relative"
     >
       {isNewIncoming && (
         <FaCircle className="text-orange-500 mr-2 animate-pulse text-[0.75rem]" />
@@ -61,19 +62,31 @@ export default function ConversationFullRow(props: {
       </span>
 
       {/* actions */}
-      <span className="ml-auto flex flex-row items-center group-hover:visible invisible absolute right-5">
-        <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
-          <FaRocket className="ml-auto text-lg" />
-        </span>
-        <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
-          <FaRegClock className="ml-auto text-lg" />
-        </span>
-        <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
-          <FaCheck className="ml-auto text-lg" />
-        </span>
-        <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
-          <FaAngleRight className="ml-auto text-lg" />
-        </span>
+      <span
+        className="ml-auto flex flex-row items-center 
+      group-hover:visible invisible absolute right-5 text-slate-400"
+      >
+        <Tooltip title={"Play last convo chunk."}>
+          <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
+            <FaPlay className="ml-auto text-lg text-emerald-500" />
+          </span>
+        </Tooltip>
+
+        <Tooltip title={"Priority"}>
+          <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
+            <FaRocket className="ml-auto text-lg" />
+          </span>
+        </Tooltip>
+        <Tooltip title={"Later"}>
+          <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
+            <FaRegClock className="ml-auto text-lg" />
+          </span>
+        </Tooltip>
+        <Tooltip title={"Done"}>
+          <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200">
+            <FaCheck className="ml-auto text-lg" />
+          </span>
+        </Tooltip>
       </span>
     </span>
   );
diff --git a/packages/web/components/MainTabsOrPages/Conversations.tsx b/packages/web/components/MainTabsOrPages/Conversations.tsx
index ec5c8ad..ba61eec 100644
--- a/packages/web/components/MainTabsOrPages/Conversations.tsx
+++ b/packages/web/components/MainTabsOrPages/Conversations.tsx
@@ -79,8 +79,6 @@ export default function Conversations() {
             <span className="text-md tracking-widest font-semibold text-slate-300 uppercase">
               Today
             </span>
-
-            <FaCheckDouble className="text-slate-300 ml-auto text-lg" />
           </span>
           <span
             onClick={() => handleViewConversationDetails("woah")}
@@ -100,8 +98,6 @@ export default function Conversations() {
             <span className="text-md tracking-widest font-semibold text-slate-300 uppercase">
               Today
             </span>
-
-            <FaCheckDouble className="text-slate-300 ml-auto text-lg" />
           </span>
           <span
             onClick={() => handleViewConversationDetails("woah")}
@@ -121,8 +117,6 @@ export default function Conversations() {
             <span className="text-md tracking-widest font-semibold text-slate-300 uppercase">
               Today
             </span>
-
-            <FaCheckDouble className="text-slate-300 ml-auto text-lg" />
           </span>
           <span
             onClick={() => handleViewConversationDetails("woah")}
@@ -142,8 +136,6 @@ export default function Conversations() {
             <span className="text-md tracking-widest font-semibold text-slate-300 uppercase">
               Today
             </span>
-
-            <FaCheckDouble className="text-slate-300 ml-auto text-lg" />
           </span>
           <span
             onClick={() => handleViewConversationDetails("woah")}