diff --git a/web/components/challenges/create-challenge-button.tsx b/web/components/challenges/create-challenge-button.tsx index 235cd450..324fa0f2 100644 --- a/web/components/challenges/create-challenge-button.tsx +++ b/web/components/challenges/create-challenge-button.tsx @@ -16,6 +16,7 @@ import { SiteLink } from 'web/components/site-link' import { formatMoney } from 'common/util/format' import { Spacer } from '../layout/spacer' import { NoLabel, YesLabel } from '../outcome-label' +import { QRCode } from '../qr-code' type challengeInfo = { amount: number @@ -240,6 +241,7 @@ function CreateChallengeForm(props: { toastClassName={'-left-40 -top-20 mt-1'} icon={DuplicateIcon} /> + See your other diff --git a/web/pages/challenges/index.tsx b/web/pages/challenges/index.tsx index e765bb3b..c43076e5 100644 --- a/web/pages/challenges/index.tsx +++ b/web/pages/challenges/index.tsx @@ -24,9 +24,10 @@ import { Avatar } from 'web/components/avatar' import Router from 'next/router' import { contractPathWithoutContract } from 'web/lib/firebase/contracts' import { Button } from 'web/components/button' -import { ClipboardCopyIcon } from '@heroicons/react/outline' +import { ClipboardCopyIcon, QrcodeIcon } from '@heroicons/react/outline' import { copyToClipboard } from 'web/lib/util/copy' import toast from 'react-hot-toast' +import { contractDetailsButtonClassName } from 'web/components/contract/contract-info-dialog' dayjs.extend(customParseFormat) const columnClass = 'sm:px-5 px-2 py-3.5 max-w-[100px] truncate' @@ -120,21 +121,36 @@ function YourLinkSummaryRow(props: { challenge: Challenge }) { 'text-center sm:max-w-[200px] sm:text-start' )} > - - + + + + +