Update userAvatarWithStatus.tsx

This commit is contained in:
talksik
2022-04-01 13:49:58 -04:00
parent 7d8d05ad39
commit a5545a1a8e
@@ -18,19 +18,19 @@ export function UserStatusBubble(props: { status: UserStatus }) {
switch (props.status) { switch (props.status) {
case UserStatus.ONLINE: case UserStatus.ONLINE:
return ( return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-emerald-600 h-3 w-3 border"></span> <span className="absolute -bottom-1 -right-1 rounded-full bg-emerald-600 h-3 w-3"></span>
); );
case UserStatus.OFFLINE: case UserStatus.OFFLINE:
return ( return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-zinc-400 h-3 w-3 border"></span> <span className="absolute -bottom-1 -right-1 rounded-full bg-zinc-400 h-3 w-3"></span>
); );
case UserStatus.FLOW_STATE: case UserStatus.FLOW_STATE:
return ( return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border"></span> <span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3"></span>
); );
default: default:
return ( return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border"></span> <span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3"></span>
); );
} }
} }