34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import MasterConversation from "../../../../core/models/masterConversation.model";
|
|
import UserStatusText from "../User/userStatusText";
|
|
export default function BasicConversationRow({
|
|
masterConvo,
|
|
}: {
|
|
masterConvo: MasterConversation;
|
|
}) {
|
|
const isSelected = false;
|
|
|
|
return (
|
|
<div
|
|
key={masterConvo.id.toString()}
|
|
className={`flex flex-row items-center hover:bg-zinc-600 group py-4 px-2 cursor-pointer ${
|
|
isSelected ? "bg-zinc-600" : ""
|
|
} rounded`}
|
|
>
|
|
{/* <UserAvatarWithStatus user={contactDetail.otherUser} /> */}
|
|
|
|
<span className="text-white font-semibold ml-2">{masterConvo.name}</span>
|
|
<span className="text-white font-semibold ml-2">
|
|
{masterConvo.id.toString()}
|
|
</span>
|
|
|
|
{/* <span className="ml-2">
|
|
<UserStatusText status={contactDetail.otherUser.status} />
|
|
</span> */}
|
|
|
|
{/* {speakingRooms.includes(contactDetail.relationship._id.toString()) ? (
|
|
<span className="ml-auto">speaking...</span>
|
|
) : null} */}
|
|
</div>
|
|
);
|
|
}
|