smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update live-collaboration-trigger.mdx

Browse source 
fix example
This commit is contained in:
Igor Agapov 2025-04-30 10:24:44 +05:00 • committed by GitHub
parent 4a60fe3d22
commit c3b46d383c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dev-docs/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger.mdx
View file

@ -11,7 +11,7 @@ You'll need to supply `onSelect()` to handle opening of your collaboration dialo
```tsx live
function App() {
const [excalidrawAPI, setExcalidrawAPI] = useState(null);
const [excalidrawAPI, setExcalidrawAPI] = useState<ExcalidrawImperativeAPI>();
const [isCollaborating, setIsCollaborating] = useState(false);
return (
<div style={{ height: "500px" }}>
@ -33,9 +33,9 @@ function App() {
username: "Pika",
avatarUrl: "../../../../img/pika.jpeg",
});
excalidrawAPI.updateScene({ collaborators });
excalidrawAPI?.updateScene({ collaborators });
} else {
excalidrawAPI.updateScene({
excalidrawAPI?.updateScene({
collaborators: new Map(),
});
}
@ -45,7 +45,7 @@ function App() {
Show Collaborators
</label>
<Excalidraw
ref={(api) => setExcalidrawAPI(api)}
excalidrawAPI={(api) => setExcalidrawAPI(api)}
renderTopRightUI={() => (
<LiveCollaborationTrigger
isCollaborating={isCollaborating}