nice action icons now and changing the state of the user convo assoc

2022-02-05 21:31:17 -08:00
parent bb5a14fff9
commit 903a303f06
3 changed files with 122 additions and 28 deletions
@@ -0,0 +1,19 @@
+import { ConversationMemberState } from "@nirvana/common/models/conversation";
+import { FaStream, FaRegClock, FaRocket, FaCheck } from "react-icons/fa";
+
+export default function ConversationMemberStateIcon(props: {
+  convoUserAssocState: ConversationMemberState;
+}) {
+  switch (props.convoUserAssocState) {
+    case ConversationMemberState.default:
+      return <FaStream className="text-teal-600" />;
+    case ConversationMemberState.later:
+      return <FaRegClock className="text-purple-500" />;
+    case ConversationMemberState.priority:
+      return <FaRocket className="text-sky-500" />;
+    case ConversationMemberState.done:
+      return <FaCheck className="text-emerald-500" />;
+    default:
+      return <FaStream className="text-teal-600" />;
+  }
+}