Merge pull request #458 from mulfdev/main

Add referral link
ourzora · May 9, 2024 · cf88f47 · cf88f47
2 parents 85617b2 + b4b2e3d
commit cf88f47
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 16 deletions.
diff --git a/apps/web/.env b/apps/web/.env
@@ -3,4 +3,4 @@
 
 NEXT_PUBLIC_UPLOAD_API=https://upload-api.zora.co
 NEXT_PUBLIC_IPFS_GATEWAY=https://ipfs.decentralized-content.com
-NEXT_PUBLIC_NETWORK_TYPE=testnet
+NEXT_PUBLIC_NETWORK_TYPE=testnet
diff --git a/apps/web/src/components/Icon/assets/share.svg b/apps/web/src/components/Icon/assets/share.svg
diff --git a/apps/web/src/components/Icon/icons.ts b/apps/web/src/components/Icon/icons.ts
@@ -35,6 +35,7 @@ import Play from './assets/play.svg'
 import Plus from './assets/plus.svg'
 import Refresh from './assets/refresh.svg'
 import ResumeTemplate from './assets/resume-template.svg'
+import Share from './assets/share.svg'
 import Trash from './assets/trash.svg'
 import Twitter from './assets/twitter.svg'
 import Warning16 from './assets/warning-16.svg'
@@ -80,6 +81,7 @@ export const icons = {
   resumeTemplate: ResumeTemplate,
   trash: Trash,
   twitter: Twitter,
+  share: Share,
   warning: Warning,
   'warning-16': Warning16,
 }

diff --git a/apps/web/src/modules/auction/components/CurrentAuction/PlaceBid.tsx b/apps/web/src/modules/auction/components/CurrentAuction/PlaceBid.tsx
@@ -1,12 +1,14 @@
-import { Box, Button, Flex } from '@zoralabs/zord'
+import { Box, Button, Flex, PopUp, Text } from '@zoralabs/zord'
 import React, { Fragment, memo, useEffect, useState } from 'react'
 import useSWR, { useSWRConfig } from 'swr'
 import { formatEther, parseEther } from 'viem'
 import { Address, useAccount, useBalance, useContractReads, useNetwork } from 'wagmi'
 import { prepareWriteContract, waitForTransaction, writeContract } from 'wagmi/actions'
 
 import { ContractButton } from 'src/components/ContractButton'
+import { Icon } from 'src/components/Icon/Icon'
 import AnimatedModal from 'src/components/Modal/AnimatedModal'
+import { PUBLIC_IS_TESTNET } from 'src/constants/defaultChains'
 import SWR_KEYS from 'src/constants/swrKeys'
 import { auctionAbi } from 'src/data/contract/abis'
 import { averageWinningBid } from 'src/data/subgraph/requests/averageWinningBid'
@@ -69,7 +71,7 @@ export const PlaceBid = ({
     addresses.token
       ? [SWR_KEYS.AVERAGE_WINNING_BID, chain.id, addresses.token]
       : undefined,
-    () => averageWinningBid(chain.id, addresses.token as Address)
+    () => averageWinningBid(chain.id, addresses.token as Address),
   )
 
   const isMinBid = Number(bidAmount) >= minBidAmount
@@ -122,11 +124,11 @@ export const PlaceBid = ({
       if (tx?.hash) await waitForTransaction({ hash: tx.hash })
 
       await mutate([SWR_KEYS.AUCTION_BIDS, chain.id, addresses.token, tokenId], () =>
-        getBids(chain.id, addresses.token!, tokenId)
+        getBids(chain.id, addresses.token!, tokenId),
       )
 
       await mutate([SWR_KEYS.AVERAGE_WINNING_BID, chain.id, addresses.token], () =>
-        averageWinningBid(chain.id, addresses.token as Address)
+        averageWinningBid(chain.id, addresses.token as Address),
       )
     } catch (error) {
       console.error(error)
@@ -142,6 +144,8 @@ export const PlaceBid = ({
 
   const isValidBid = bidAmount && isMinBid
   const isValidChain = wagmiChain?.id === chain.id
+  const [showTooltip, setShowTooltip] = useState(false)
+  const [copied, setCopied] = useState(false)
 
   return (
     <Flex
@@ -164,7 +168,7 @@ export const PlaceBid = ({
       ) : null}
 
       {!creatingBid ? (
-        <Fragment>
+        <Flex wrap="wrap">
           <form className={bidForm}>
             <Box position="relative" mr={{ '@initial': 'x0', '@768': 'x2' }}>
               <input
@@ -182,16 +186,60 @@ export const PlaceBid = ({
               </Box>
             </Box>
           </form>
-
-          <ContractButton
-            className={auctionActionButtonVariants['bid']}
-            handleClick={handleCreateBid}
-            disabled={address && isValidChain ? !isValidBid : false}
-            mt={{ '@initial': 'x2', '@768': 'x0' }}
-          >
-            Place bid
-          </ContractButton>
-        </Fragment>
+          <Flex w="100%" wrap="wrap" mt="x2">
+            <ContractButton
+              className={auctionActionButtonVariants['bid']}
+              handleClick={handleCreateBid}
+              disabled={address && isValidChain ? !isValidBid : false}
+              mt={{ '@initial': 'x2', '@768': 'x0' }}
+            >
+              Place bid
+            </ContractButton>
+            {chain.id !== 1 ? (
+              <Fragment>
+                <Box
+                  cursor="pointer"
+                  style={{ zIndex: 102 }}
+                  onMouseOver={() => setShowTooltip(true)}
+                  onMouseLeave={() => {
+                    setShowTooltip(false)
+                    setTimeout(() => {
+                      setCopied(false)
+                    }, 500)
+                  }}
+                >
+                  <ContractButton
+                    className={auctionActionButtonVariants['bid']}
+                    ml="x2"
+                    mt={{ '@initial': 'x2', '@768': 'x0' }}
+                    handleClick={async () => {
+                      const network = PUBLIC_IS_TESTNET
+                        ? 'https://testnet.nouns.build'
+                        : 'https://nouns.build'
+                      const baseUrl = `${network}/dao/${chain.name.toLowerCase()}/${addresses.token}`
+                      if (address === undefined) {
+                        await navigator.clipboard.writeText(baseUrl)
+                        return
+                      }
+                      const params = new URLSearchParams({
+                        referral: address.toString(),
+                      })
+                      const fullUrl = `${baseUrl}?${params}`
+
+                      await navigator.clipboard.writeText(fullUrl)
+                      setCopied(true)
+                    }}
+                  >
+                    <Icon size="md" id="share" />
+                  </ContractButton>
+                </Box>
+                <PopUp open={showTooltip} trigger={<></>} placement="top">
+                  <Text align="center">{copied ? 'Copied' : 'Copy Referral Link'}</Text>
+                </PopUp>
+              </Fragment>
+            ) : null}
+          </Flex>
+        </Flex>
       ) : (
         <Button className={auctionActionButtonVariants['bidding']} disabled>
           placing {bidAmount} ETH bid