open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add qr code to share dialog

Browse Source
This commit is contained in:
mantikoros 2022-09-22 14:01:37 -04:00
parent a5e293c010
commit 06db5515f6
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/contract/share-modal.tsx
View File

@ -21,6 +21,7 @@ import { CreateChallengeModal } from 'web/components/challenges/create-challenge
import { useState } from 'react' import { useState } from 'react'
import { CHALLENGES_ENABLED } from 'common/challenge' import { CHALLENGES_ENABLED } from 'common/challenge'
import ChallengeIcon from 'web/lib/icons/challenge-icon' import ChallengeIcon from 'web/lib/icons/challenge-icon'
import { QRCode } from '../qr-code'
export function ShareModal(props: { export function ShareModal(props: {
contract: Contract contract: Contract
@ -54,6 +55,7 @@ export function ShareModal(props: {
</SiteLink>{' '} </SiteLink>{' '}
if a new user signs up using the link! if a new user signs up using the link!
</p> </p>
<QRCode url={shareUrl} className="self-center" width={150} height={150} />
<Button <Button
size="2xl" size="2xl"
color="indigo" color="indigo"
@ -69,6 +71,7 @@ export function ShareModal(props: {
{linkIcon} Copy link {linkIcon} Copy link
</Button> </Button>
<Row className="z-0 flex-wrap justify-center gap-4 self-center"> <Row className="z-0 flex-wrap justify-center gap-4 self-center">
<TweetButton <TweetButton
className="self-start" className="self-start"