rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finish settings modal

Browse Source
This commit is contained in:
Robert Long
2021-12-06 17:34:10 -08:00
parent 4e2d1c5dcd
commit 94f42019df
28 changed files with 975 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/InviteModal.jsx
View File

@@ -1,25 +1,14 @@
import React from "react";
import { Overlay } from "./Overlay";
import { Modal, ModalContent } from "./Modal";
import { CopyButton } from "./CopyButton";
import { HeaderButton, ButtonTooltip } from "./RoomButton";
import { ReactComponent as AddUserIcon } from "./icons/AddUser.svg";
export function InviteModalButton({ roomUrl }) {
export function InviteModal({ roomUrl, ...rest }) {
return (
<Overlay>
<HeaderButton>
<ButtonTooltip>Add User</ButtonTooltip>
<AddUserIcon width={20} height={20} />
</HeaderButton>
{(modalProps) => (
<Modal title="Invite People" isDismissable {...modalProps}>
<ModalContent>
<p>Copy and share this meeting link</p>
<CopyButton value={roomUrl} />
</ModalContent>
</Modal>
)}
</Overlay>
<Modal title="Invite People" isDismissable {...rest}>
<ModalContent>
<p>Copy and share this meeting link</p>
<CopyButton value={roomUrl} />
</ModalContent>
</Modal>
);
}