Arjun Patel
26 lines
869 B
TypeScript
26 lines
869 B
TypeScript
import { Avatar } from "antd";
|
|
import { FaPaperPlane, FaRegTimesCircle } from "react-icons/fa";
|
|
import { User } from "@nirvana/common/models/user";
|
|
import UserAvatar from "./UserAvatar";
|
|
|
|
export default function SelectedUserRow(props: { user: User }) {
|
|
return (
|
|
<span className="flex flex-row items-center py-1 border-t">
|
|
<UserAvatar
|
|
userFirstName={props.user.firstName}
|
|
avatarUrl={props.user.avatarUrl}
|
|
status={props.user.userStatus}
|
|
/>
|
|
|
|
<span className="flex flex-col ml-2">
|
|
<span className="text-teal-500 font-bold">{"Joe Smoe"}</span>
|
|
<span className="text-slate-400 text-xs">{"joe@microsoft.com"}</span>
|
|
</span>
|
|
|
|
<button className="p-2 rounded-full hover:cursor-pointer text-orange-500 ml-auto">
|
|
<FaRegTimesCircle className="ml-auto text-lg" />
|
|
</button>
|
|
</span>
|
|
);
|
|
}
|