diff --git a/alm/src/components/StatusContainer.tsx b/alm/src/components/StatusContainer.tsx index 0f3ebc56..a8d0d000 100644 --- a/alm/src/components/StatusContainer.tsx +++ b/alm/src/components/StatusContainer.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { useHistory, useParams } from 'react-router-dom' +import { Link, useHistory, useParams } from 'react-router-dom' import { useTransactionStatus } from '../hooks/useTransactionStatus' import { formatTxHash, getExplorerTxUrl, getTransactionStatusDescription, validTxHash } from '../utils/networks' import { TRANSACTION_STATUS } from '../config/constants' @@ -8,6 +8,19 @@ import { Loading } from './commons/Loading' import { useStateProvider } from '../state/StateProvider' import { ExplorerTxLink } from './commons/ExplorerTxLink' import { ConfirmationsContainer } from './ConfirmationsContainer' +import { LeftArrow } from './commons/LeftArrow' +import styled from 'styled-components' + +const BackButton = styled.button` + color: var(--font-color); + border-color: var(--font-color); + margin-top: 10px; +` + +const BackLabel = styled.label` + margin-left: 5px; + cursor: pointer; +` export const StatusContainer = () => { const { home, foreign } = useStateProvider() @@ -77,6 +90,16 @@ export const StatusContainer = () => { {displayConfirmations && ( )} +
+
+ + + + Search another transaction + + +
+
) } diff --git a/alm/src/components/commons/LeftArrow.tsx b/alm/src/components/commons/LeftArrow.tsx new file mode 100644 index 00000000..1700297a --- /dev/null +++ b/alm/src/components/commons/LeftArrow.tsx @@ -0,0 +1,20 @@ +import React from 'react' +import { useContext } from 'react' +import { ThemeContext } from 'styled-components' + +export const LeftArrow = () => { + const themeContext = useContext(ThemeContext) + return ( + + + + ) +}