From 06db5515f6ab7b2795d3ece211d2e2c73b8e901a Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Thu, 22 Sep 2022 14:01:37 -0400
Subject: [PATCH] add qr code to share dialog

---
 web/components/contract/share-modal.tsx | 3 +++
 1 file changed, 3 insertions(+)

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