Update MultiplayerMenu.tsx

This commit is contained in:
Steve Ruiz 2022-06-24 15:45:50 +01:00
parent 7555c22632
commit f48ce9962d

View file

@ -1,5 +1,5 @@
import * as React from 'react' import * as React from 'react'
import { CheckIcon, ClipboardIcon, CursorArrowIcon } from '@radix-ui/react-icons' import { CheckIcon, ClipboardIcon, CursorArrowIcon, PersonIcon } from '@radix-ui/react-icons'
import * as DropdownMenu from '@radix-ui/react-dropdown-menu' import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
import { useTldrawApp } from '~hooks' import { useTldrawApp } from '~hooks'
import { DMItem, DMContent, DMDivider, DMTriggerIcon } from '~components/Primitives/DropdownMenu' import { DMItem, DMContent, DMDivider, DMTriggerIcon } from '~components/Primitives/DropdownMenu'
@ -96,7 +96,11 @@ export const MultiplayerMenu = React.memo(function MultiplayerMenu() {
return ( return (
<DropdownMenu.Root dir="ltr"> <DropdownMenu.Root dir="ltr">
<DMTriggerIcon id="TD-MultiplayerMenuIcon"> <DMTriggerIcon id="TD-MultiplayerMenuIcon">
{room ? <MultiplayerIcon /> : <CursorArrowIcon />} {room ? (
<PersonIcon strokeWidth={0.5} stroke={'black'} />
) : (
<PersonIcon strokeWidth={0.25} stroke={'black'} />
)}
</DMTriggerIcon> </DMTriggerIcon>
<DMContent variant="menu" align="start" id="TD-MultiplayerMenu"> <DMContent variant="menu" align="start" id="TD-MultiplayerMenu">
<DMItem id="TD-Multiplayer-CopyInviteLink" onClick={handleCopySelect} disabled={!room}> <DMItem id="TD-Multiplayer-CopyInviteLink" onClick={handleCopySelect} disabled={!room}>