diff --git a/apps/ramp-network/src/App.tsx b/apps/ramp-network/src/App.tsx index 1093c3fd..20ddb80c 100644 --- a/apps/ramp-network/src/App.tsx +++ b/apps/ramp-network/src/App.tsx @@ -1,36 +1,14 @@ -import React, { useEffect, useState, useMemo } from 'react' +import React, { useEffect, useState } from 'react' import { useSafeAppsSDK } from '@safe-global/safe-apps-react-sdk' -import { Title, Loader, Text } from '@gnosis.pm/safe-react-components' +import { Loader } from '@gnosis.pm/safe-react-components' import { ChainInfo } from '@safe-global/safe-apps-sdk' import { goBack } from './utils' -import { ASSETS_BY_CHAIN, initializeRampWidget } from './ramp' -import styled from 'styled-components' - -const Container = styled.div` - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 30em; -` - -const NetworkNotSupported = ({ name }: { name: string }): React.ReactElement => { - return ( - - Network not supported - Currently {name} is not supported - - ) -} +import { initializeRampWidget } from './ramp' const SafeApp = (): React.ReactElement | null => { const { sdk, safe } = useSafeAppsSDK() const [chainInfo, setChainInfo] = useState() - const isChainSupported = useMemo(() => { - return chainInfo && Object.keys(ASSETS_BY_CHAIN).includes(chainInfo.chainId) - }, [chainInfo]) - useEffect(() => { ;(async () => { try { @@ -43,23 +21,18 @@ const SafeApp = (): React.ReactElement | null => { }, [sdk]) useEffect(() => { - if (chainInfo && safe && isChainSupported) { + if (chainInfo && safe) { initializeRampWidget({ address: safe.safeAddress, - assets: ASSETS_BY_CHAIN[chainInfo.chainId], onClose: goBack, }) } - }, [chainInfo, safe, isChainSupported]) + }, [chainInfo, safe]) if (!chainInfo || !safe) { return } - if (!isChainSupported) { - return - } - return null } diff --git a/apps/ramp-network/src/ramp.ts b/apps/ramp-network/src/ramp.ts index 988763f5..8430c8a7 100644 --- a/apps/ramp-network/src/ramp.ts +++ b/apps/ramp-network/src/ramp.ts @@ -6,35 +6,19 @@ const RINKEBY_STAGING_URL = 'https://ri-widget-staging.firebaseapp.com/' const WIDGET_CLOSE_EVENT = 'WIDGET_CLOSE' const PURCHASE_CREATED_EVENT = 'PURCHASE_CREATED' -export const ASSETS_BY_CHAIN: { [key: string]: string } = { - '1': 'ETH_*,ERC20_*', - '4': 'ETH_*,ERC20_*', - '56': 'BSC_*', - '137': 'MATIC_*', - '100': 'XDAI_*', - '43114': 'AVAX_*', - '8453': 'BASE_*', - '324': 'ZKSYNCERA_*', - '1101': 'POLYGONZKEVM_*', - '42161': 'ARBITRUM_*', - '42220': 'CELO_*', -} - export const getRampWidgetUrl = (chainInfo: ChainInfo) => { return chainInfo?.chainId === '4' ? RINKEBY_STAGING_URL : '' } type RampWidgetInitializer = { - assets: string address: string onClose?: () => void } -export const initializeRampWidget = ({ assets, address, onClose }: RampWidgetInitializer) => { +export const initializeRampWidget = ({ address, onClose }: RampWidgetInitializer) => { return new RampInstantSDK({ hostAppName: 'Ramp Network Safe App', hostLogoUrl: 'https://docs.ramp.network/img/logo-1.svg', - swapAsset: assets, userAddress: address, hostApiKey: RAMP_API_KEY, })