feat: Implement collaboration features including user following and avatar management
This commit is contained in:
29
app/src/components/templates/FollowPerson.tsx
Normal file
29
app/src/components/templates/FollowPerson.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
import React from "react";
|
||||
import RenderOverlay from "./Overlay";
|
||||
import { useSelectedUserStore } from "../../store/useCollabStore";
|
||||
import { useCamMode } from "../../store/store";
|
||||
|
||||
const FollowPerson: React.FC = () => {
|
||||
// Get the selected user from the store
|
||||
const { selectedUser, clearSelectedUser } = useSelectedUserStore();
|
||||
const { setCamMode } = useCamMode();
|
||||
return (
|
||||
<RenderOverlay>
|
||||
{selectedUser && (
|
||||
// eslint-disable-next-line
|
||||
<div
|
||||
className="follow-person-container"
|
||||
onClick={() => {
|
||||
clearSelectedUser();
|
||||
setCamMode("FirstPerson");
|
||||
}}
|
||||
style={{ "--user-color": selectedUser.color } as React.CSSProperties}
|
||||
>
|
||||
<div className="follower-name">{selectedUser.name}</div>
|
||||
</div>
|
||||
)}
|
||||
</RenderOverlay>
|
||||
);
|
||||
};
|
||||
|
||||
export default FollowPerson;
|
||||
Reference in New Issue
Block a user