|
|
|
@ -39,15 +39,15 @@ export const actionGoToCollaborator = register({
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
PanelComponent: ({ updateData, data, appState }) => {
|
|
|
|
|
const [socketId, collaborator, withName, isBeingFollowed] =
|
|
|
|
|
const { clientId, collaborator, withName, isBeingFollowed } =
|
|
|
|
|
data as GoToCollaboratorComponentProps;
|
|
|
|
|
|
|
|
|
|
const background = getClientColor(socketId);
|
|
|
|
|
const background = getClientColor(clientId);
|
|
|
|
|
|
|
|
|
|
return withName ? (
|
|
|
|
|
<div
|
|
|
|
|
className="dropdown-menu-item dropdown-menu-item-base UserList__collaborator"
|
|
|
|
|
onClick={() => updateData({ ...collaborator, socketId })}
|
|
|
|
|
onClick={() => updateData<Collaborator>(collaborator)}
|
|
|
|
|
>
|
|
|
|
|
<Avatar
|
|
|
|
|
color={background}
|
|
|
|
@ -71,7 +71,7 @@ export const actionGoToCollaborator = register({
|
|
|
|
|
<Avatar
|
|
|
|
|
color={background}
|
|
|
|
|
onClick={() => {
|
|
|
|
|
updateData({ ...collaborator, socketId });
|
|
|
|
|
updateData(collaborator);
|
|
|
|
|
}}
|
|
|
|
|
name={collaborator.username || ""}
|
|
|
|
|
src={collaborator.avatarUrl}
|
|
|
|
|