Merge pull request #132 from ourzora/proposal-template-pause-auction

Add proposal template pause auction

apps/web/src/components/Icon/icons.ts

@@ -25,6 +25,7 @@ import HandlebarCircle from './assets/handlebar-circle.svg'
 import Move from './assets/move.svg'
 import NewWindow from './assets/new-window.svg'
 import NounsConnect from './assets/nouns-connect.svg'
+import Pause from './assets/pause.svg'
 import Plus from './assets/plus.svg'
 import Refresh from './assets/refresh.svg'
 import Trash from './assets/trash.svg'
@@ -59,6 +60,7 @@ export const icons = {
   move: Move,
   newWindow: NewWindow,
   nounsConnect: NounsConnect,
+  pause: Pause,
   plus: Plus,
   refresh: Refresh,
   trash: Trash,

apps/web/src/modules/create-proposal/components/TransactionForm/PauseAuctions/PauseAuctions.tsx

@@ -0,0 +1,62 @@
+import { Box, Button, Paragraph } from '@zoralabs/zord'
+import { useContract, useContractRead } from 'wagmi'
+
+import { auctionAbi } from 'src/data/contract/abis'
+import { TransactionType } from 'src/modules/create-proposal/constants'
+import { useProposalStore } from 'src/modules/create-proposal/stores'
+import { useDaoStore } from 'src/modules/dao'
+import { AddressType } from 'src/typings'
+
+export const PauseAuctions = () => {
+  const { auction } = useDaoStore((state) => state.addresses)
+  const addTransaction = useProposalStore((state) => state.addTransaction)
+  const auctionContract = useContract({ abi: auctionAbi, address: auction })
+  const { data: paused } = useContractRead({
+    abi: auctionAbi,
+    address: auction,
+    functionName: 'paused',
+  })
+
+  const handlePauseAuctionsTransaction = () => {
+    const pause = {
+      target: auction as AddressType,
+      functionSignature: 'pause()',
+      calldata: auctionContract?.interface.encodeFunctionData('pause') || '',
+      value: '',
+    }
+
+    addTransaction({
+      type: TransactionType.PAUSE_AUCTIONS,
+      summary: 'Pause auctions',
+      transactions: [pause],
+    })
+  }
+
+  return (
+    <Box w={'100%'}>
+      {paused ? (
+        <Box mb={'x8'}>
+          <Paragraph size="md" color="negative">
+            It looks like auctions are already paused for this DAO.
+          </Paragraph>
+        </Box>
+      ) : (
+        <Box mb={'x8'}>
+          <Paragraph size="md" color="text1">
+            No further input required for this transaction.
+          </Paragraph>
+        </Box>
+      )}
+      <Button
+        variant={'outline'}
+        borderRadius={'curved'}
+        w={'100%'}
+        type="button"
+        onClick={handlePauseAuctionsTransaction}
+        disabled={paused || typeof auctionContract === 'undefined'}
+      >
+        Add Transaction to Queue
+      </Button>
+    </Box>
+  )
+}

apps/web/src/modules/create-proposal/components/TransactionForm/PauseAuctions/index.ts

@@ -0,0 +1 @@
+export * from './PauseAuctions'

apps/web/src/modules/create-proposal/components/TransactionForm/TransactionForm.tsx

@@ -4,6 +4,7 @@ import { TransactionType } from 'src/modules/create-proposal/constants'
 
 import { Airdrop } from './Airdrop'
 import { CustomTransaction } from './CustomTransaction'
+import { PauseAuctions } from './PauseAuctions'
 import { SendEth } from './SendEth'
 
 type TransactionFormType = {
@@ -17,6 +18,7 @@ interface TransactionFormProps {
 export const TRANSACTION_FORM_OPTIONS = [
   TransactionType.SEND_ETH,
   TransactionType.AIRDROP,
+  TransactionType.PAUSE_AUCTIONS,
   TransactionType.CUSTOM,
 ]
 
@@ -25,6 +27,7 @@ export const TransactionForm = ({ type }: TransactionFormProps) => {
     [TransactionType.CUSTOM]: <CustomTransaction />,
     [TransactionType.AIRDROP]: <Airdrop />,
     [TransactionType.SEND_ETH]: <SendEth />,
+    [TransactionType.PAUSE_AUCTIONS]: <PauseAuctions />,
     [TransactionType.UPGRADE]: null,
   }
 

apps/web/src/modules/create-proposal/constants/transactionType.tsx

@@ -7,6 +7,7 @@ export enum TransactionType {
   AIRDROP = 'airdrop',
   CUSTOM = 'custom',
   UPGRADE = 'upgrade',
+  PAUSE_AUCTIONS = 'pause-auctions',
 }
 
 export interface TransactionTypeProps {
@@ -40,6 +41,12 @@ export const TRANSACTION_TYPES = {
     icon: 'plus',
     iconBackdrop: color.ghostHover,
   },
+  [TransactionType.PAUSE_AUCTIONS]: {
+    title: 'Pause Auctions',
+    subTitle: 'Create a proposal to pause auctions',
+    icon: 'pause',
+    iconBackdrop: 'rgba(236, 113, 75, 0.1)',
+  },
   [TransactionType.CUSTOM]: {
     title: 'Custom Transaction',
     subTitle: 'Create any other kind of transaction',