diff --git a/public/images/loader-colored.svg b/public/images/loader-colored.svg new file mode 100644 index 00000000..d41d6369 --- /dev/null +++ b/public/images/loader-colored.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx b/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx new file mode 100644 index 00000000..8ee091b2 --- /dev/null +++ b/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx @@ -0,0 +1,43 @@ +import { Box, Image, Text, VStack } from '@chakra-ui/react'; + +export function SetupVaultScreenVaultGraphics(): React.JSX.Element { + return ( + + + + {'Bitcoin + {'DLC + + + BTC/dlcBTC Vault + + + + ); +} diff --git a/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx b/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx index 9b2f5cdb..c4c6bc1e 100644 --- a/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx +++ b/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx @@ -5,6 +5,8 @@ import { useEthersSigner } from '@functions/configuration.functions'; import { EthereumNetworkConfigurationContext } from '@providers/ethereum-network-configuration.provider'; import { setupVault } from 'dlc-btc-lib/ethereum-functions'; +import { SetupVaultScreenVaultGraphics } from './components/setup-vault-screen.vault-graphics'; + export function SetupVaultScreen(): React.JSX.Element { const toast = useToast(); @@ -31,7 +33,8 @@ export function SetupVaultScreen(): React.JSX.Element { } return ( - + +