better display of status and all separately

2022-03-20 20:03:29 -04:00
parent 398974d120
commit f110195356
4 changed files with 90 additions and 21 deletions
@@ -0,0 +1,16 @@
+import { UserStatus } from "@nirvana/core/models";
+
+export default function UserStatusText(props: { status: UserStatus }) {
+  switch (props.status) {
+    case UserStatus.ONLINE:
+      return <span className="text-emerald-600 text-sm lowercase">ONLINE</span>;
+    case UserStatus.OFFLINE:
+      return <></>;
+    case UserStatus.FLOW_STATE:
+      return (
+        <span className="text-pink-400 text-sm lowercase">FLOW STATE</span>
+      );
+    default:
+      return <></>;
+  }
+}