diff --git a/packages/pancake-uikit/src/widgets/Menu/Menu.tsx b/packages/pancake-uikit/src/widgets/Menu/Menu.tsx index c34fbd8..8333d0b 100644 --- a/packages/pancake-uikit/src/widgets/Menu/Menu.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/Menu.tsx @@ -74,6 +74,7 @@ const Menu: React.FC = ({ links, profile, children, + inviteUrl, }) => { const { isXl } = useMatchBreakpoints(); const isMobile = isXl === false; @@ -124,7 +125,7 @@ const Menu: React.FC = ({ /> {!!login && !!logout && ( - + {profile && } )} diff --git a/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx b/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx new file mode 100644 index 0000000..a3f1359 --- /dev/null +++ b/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import Text from "../../../components/Text/Text"; +import { Modal } from "../../Modal"; +import { CopyToClipboard } from "../../WalletModal"; + +interface Props { + inviteUrl: string; + onDismiss?: () => void; +} + +const InviteModal: React.FC = ({ inviteUrl, onDismiss }) => ( + + + + {inviteUrl} + + + +); + +export default InviteModal; diff --git a/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx b/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx index 984e16c..fa07593 100644 --- a/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx @@ -1,19 +1,32 @@ import React from "react"; import Button from "../../../components/Button/Button"; +import { useModal } from "../../Modal"; +import InviteModal from "./InviteModal"; import { useWalletModal } from "../../WalletModal"; import { Login } from "../../WalletModal/types"; interface Props { account?: string; + inviteUrl: string; login: Login; logout: () => void; } -const UserBlock: React.FC = ({ account, login, logout }) => { +const UserBlock: React.FC = ({ account, login, logout, inviteUrl }) => { const { onPresentConnectModal, onPresentAccountModal } = useWalletModal(login, logout, account); + const [onPresentInviteModal] = useModal(); const accountEllipsis = account ? `${account.substring(0, 4)}...${account.substring(account.length - 4)}` : null; return (
+ {account ? (