Merge pull request #351 from LinkdropHQ/dev

Added "transaction button"

src/components/pages/claim-page/error-already-claimed/index.tsx

@@ -1,9 +1,9 @@
 import { FC } from 'react'
 import { Image } from './styled-components'
 import ExpiredError from 'images/expired-error.png'
+import {Title, Subtitle } from 'components/pages/common/styles/styled-components'
 import { RootState } from 'data/store'
 import { connect } from 'react-redux'
-import {Title, Subtitle } from 'components/pages/common/styles/styled-components'
 
 const mapStateToProps = ({
   drop: {

src/components/pages/claim-page/error-transaction/index.tsx

@@ -1,12 +1,42 @@
 import { FC } from 'react'
-import { Image, Title } from './styled-components'
+import {
+  Image,
+  Title,
+  ButtonStyled
+} from './styled-components'
 import ErrorImageBlack from 'images/error-black.png'
+import { RootState } from 'data/store'
+import { connect } from 'react-redux'
+import {
+  defineExplorerURL
+} from 'helpers'
+const mapStateToProps = ({
+  drop: {
+    hash,
+    chainId
+  },
+}: RootState) => ({
+  hash,
+  chainId
+})
 
-const ErrorComponent: FC = () => {
+type ReduxType = ReturnType<typeof mapStateToProps>
+
+const ErrorComponent: FC<ReduxType> = ({
+  hash,
+  chainId
+}) => {
   return <>
     <Image src={ErrorImageBlack} />
     <Title>Transaction failed</Title>
+    {hash && chainId && <ButtonStyled
+      onClick={() => {
+        window.open(`${defineExplorerURL(chainId)}/tx/${hash}`, '_blank')
+      }}
+      title='View in Explorer'
+      appearance='default'
+    />}
   </>
 }
 
-export default ErrorComponent
+export default connect(mapStateToProps)(ErrorComponent)

src/helpers/define-explorer-url.tsx

@@ -13,7 +13,7 @@ const defineExplorerUrl: TDefineExplorerURL = (chainId) => {
     }
   }
   const networkName = defineNetworkName(chainId)
-    return `https://${networkName}.etherscan.io` 
+  return `https://${networkName}.etherscan.io` 
 }
 
 export default defineExplorerUrl