Add referral link

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

apps/web/src/modules/auction/components/CurrentAuction/PlaceBid.tsx

@@ -1,11 +1,12 @@
 import { Box, Button, Flex } from '@zoralabs/zord'
-import React, { Fragment, memo, useEffect, useState } from 'react'
+import React, { 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 SWR_KEYS from 'src/constants/swrKeys'
 import { auctionAbi } from 'src/data/contract/abis'
@@ -69,7 +70,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 +123,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)
@@ -164,7 +165,7 @@ export const PlaceBid = ({
       ) : null}
 
       {!creatingBid ? (
-        <Fragment>
+        <Flex wrap="wrap">
           <form className={bidForm}>
             <Box position="relative" mr={{ '@initial': 'x0', '@768': 'x2' }}>
               <input
@@ -182,16 +183,38 @@ 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 mt="x2">
+            <ContractButton
+              className={auctionActionButtonVariants['bid']}
+              handleClick={handleCreateBid}
+              disabled={address && isValidChain ? !isValidBid : false}
+              mt={{ '@initial': 'x2', '@768': 'x0' }}
+            >
+              Place bid
+            </ContractButton>
+            {chain.id !== 1 ? (
+              <Button
+                ml="x2"
+                mt={{ '@initial': 'x2', '@768': 'x0' }}
+                onClick={async () => {
+                  const baseUrl = `https://nouns.build/dao/${chain.name.toLowerCase()}/${addresses.token}`
+                  if (address === undefined) {
+                    return
+                  }
+                  const params = new URLSearchParams({
+                    referral: address.toString(),
+                  }).toString()
+                  const fullUrl = `${baseUrl}?${params}`
+
+                  await navigator.clipboard.writeText(fullUrl)
+                }}
+              >
+                Refer
+                <Icon size="md" fill="neutral" id="copy" />
+              </Button>
+            ) : null}
+          </Flex>
+        </Flex>
       ) : (
         <Button className={auctionActionButtonVariants['bidding']} disabled>
           placing {bidAmount} ETH bid
@@ -201,4 +224,4 @@ export const PlaceBid = ({
   )
 }
 
-export const MemoizedPlaceBid = memo(PlaceBid)
+export const MemoizedPlaceBid = memo(PlaceBid)