aa42f8763a
* Add instantiate page for minter * Add query page to minter contract * Add execute page for minter contract * Add contracts index page * Refaactor sg721 helper files * Add instantiate page * Add query page for sg721 * Add execute page for sg721 contract * Copy page templates for whitelist contracts * Add instantitate for whitelist contract * Add query page to whitelist contract * Add execute page for whitelist contract
65 lines
1.6 KiB
TypeScript
65 lines
1.6 KiB
TypeScript
import type { UseMinterContractProps } from 'contracts/minter'
|
|
import { useMinterContract } from 'contracts/minter'
|
|
import type { UseSG721ContractProps } from 'contracts/sg721'
|
|
import { useSG721Contract } from 'contracts/sg721'
|
|
import type { UseWhiteListContractProps } from 'contracts/whitelist'
|
|
import { useWhiteListContract } from 'contracts/whitelist'
|
|
import type { ReactNode, VFC } from 'react'
|
|
import { Fragment, useEffect } from 'react'
|
|
import type { State } from 'zustand'
|
|
import create from 'zustand'
|
|
|
|
/**
|
|
* Contracts store type definitions
|
|
*/
|
|
export interface ContractsStore extends State {
|
|
sg721: UseSG721ContractProps | null
|
|
minter: UseMinterContractProps | null
|
|
whitelist: UseWhiteListContractProps | null
|
|
}
|
|
|
|
/**
|
|
* Contracts store default values as a separate variable for reusability
|
|
*/
|
|
export const defaultValues: ContractsStore = {
|
|
sg721: null,
|
|
minter: null,
|
|
whitelist: null,
|
|
}
|
|
|
|
/**
|
|
* Entrypoint for contracts store using {@link defaultValues}
|
|
*/
|
|
export const useContracts = create<ContractsStore>(() => ({
|
|
...defaultValues,
|
|
}))
|
|
|
|
/**
|
|
* Contracts store provider to easily mount {@link ContractsSubscription}
|
|
* to listen/subscribe to contract changes
|
|
*/
|
|
export const ContractsProvider = ({ children }: { children: ReactNode }) => {
|
|
return (
|
|
<>
|
|
{children}
|
|
<ContractsSubscription />
|
|
</>
|
|
)
|
|
}
|
|
|
|
const ContractsSubscription: VFC = () => {
|
|
const sg721 = useSG721Contract()
|
|
const minter = useMinterContract()
|
|
const whitelist = useWhiteListContract()
|
|
|
|
useEffect(() => {
|
|
useContracts.setState({
|
|
sg721,
|
|
minter,
|
|
whitelist,
|
|
})
|
|
}, [sg721, minter, whitelist])
|
|
|
|
return null
|
|
}
|