github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2024-11-02 03:25:53 +01:00
Code Releases Wiki Activity

fix: incorrect types in ActionNavigate (#7462)

Browse Source
This commit is contained in:
David Luzar 2023-12-18 21:14:30 +01:00 committed by GitHub
parent 57ea4e61d1
commit d91c98b82e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/excalidraw/actions/actionNavigate.tsx
View File

@ -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}

2
packages/excalidraw/actions/types.ts
View File

@ -129,7 +129,7 @@ export type ActionName =
export type PanelComponentProps = {
elements: readonly ExcalidrawElement[];
appState: AppState;
updateData: (formData?: any) => void;
updateData: <T = any>(formData?: T) => void;
appProps: ExcalidrawProps;
data?: Record<string, any>;
app: AppClassProperties;

16
packages/excalidraw/components/UserList.tsx
View File

@ -13,12 +13,12 @@ import { searchIcon } from "./icons";
import { t } from "../i18n";
import { isShallowEqual } from "../utils";
export type GoToCollaboratorComponentProps = [
ClientId,
Collaborator,
boolean,
boolean,
];
export type GoToCollaboratorComponentProps = {
clientId: ClientId;
collaborator: Collaborator;
withName: boolean;
isBeingFollowed: boolean;
};
/** collaborator user id or socket id (fallback) */
type ClientId = string & { _brand: "UserId" };
@ -60,12 +60,12 @@ const renderCollaborator = ({
shouldWrapWithTooltip?: boolean;
isBeingFollowed: boolean;
}) => {
const data: GoToCollaboratorComponentProps = [
const data: GoToCollaboratorComponentProps = {
clientId,
collaborator,
withName,
isBeingFollowed,
];
};
const avatarJSX = actionManager.renderAction("goToCollaborator", data);
return (