diff --git a/packages/tldraw/src/components/Primitives/icons/DiscordIcon.tsx b/packages/tldraw/src/components/Primitives/icons/DiscordIcon.tsx new file mode 100644 index 000000000..4f264d2ef --- /dev/null +++ b/packages/tldraw/src/components/Primitives/icons/DiscordIcon.tsx @@ -0,0 +1,15 @@ +import * as React from 'react' + +export function DiscordIcon() { + return ( + + + + ) +} diff --git a/packages/tldraw/src/components/Primitives/icons/index.ts b/packages/tldraw/src/components/Primitives/icons/index.ts index 7acf98d6e..03a08533a 100644 --- a/packages/tldraw/src/components/Primitives/icons/index.ts +++ b/packages/tldraw/src/components/Primitives/icons/index.ts @@ -13,3 +13,4 @@ export * from './SizeMediumIcon' export * from './SizeLargeIcon' export * from './EraserIcon' export * from './MultiplayerIcon' +export * from './DiscordIcon' diff --git a/packages/tldraw/src/components/TopPanel/Menu/Menu.tsx b/packages/tldraw/src/components/TopPanel/Menu/Menu.tsx index d1f56a63d..0ed5c731b 100644 --- a/packages/tldraw/src/components/TopPanel/Menu/Menu.tsx +++ b/packages/tldraw/src/components/TopPanel/Menu/Menu.tsx @@ -14,6 +14,7 @@ import { SmallIcon } from '~components/Primitives/SmallIcon' import { useFileSystemHandlers } from '~hooks' import { HeartIcon } from '~components/Primitives/icons/HeartIcon' import { preventEvent } from '~components/preventEvent' +import { DiscordIcon } from '~components/Primitives/icons' interface MenuProps { showSponsorLink: boolean @@ -157,6 +158,14 @@ export const Menu = React.memo(function Menu({ showSponsorLink, readOnly }: Menu + + + Discord + + + + + {showSponsorLink && (