add button to tx not found error screen

blockscout · Mar 21, 2024 · 5a63649 · 5a63649
1 parent 4a6ac17
commit 5a63649
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/ui/shared/AppError/__screenshots__/AppError.pw.tsx_default_tx-not-found-1.png b/ui/shared/AppError/__screenshots__/AppError.pw.tsx_default_tx-not-found-1.png
diff --git a/ui/shared/AppError/custom/AppErrorTxNotFound.tsx b/ui/shared/AppError/custom/AppErrorTxNotFound.tsx
@@ -1,7 +1,9 @@
 /* eslint-disable max-len */
-import { Box, OrderedList, ListItem, useColorModeValue, Flex, chakra } from '@chakra-ui/react';
+import { Box, OrderedList, ListItem, useColorModeValue, Flex, chakra, Button } from '@chakra-ui/react';
 import React from 'react';
 
+import { route } from 'nextjs-routes';
+
 import IconSvg from 'ui/shared/IconSvg';
 
 import AppErrorTitle from '../AppErrorTitle';
@@ -51,6 +53,15 @@ const AppErrorTxNotFound = () => {
  <span> for additional information.</span>
  </ListItem>
  </OrderedList>
+ <Button
+ mt={ 8 }
+ size="lg"
+ variant="outline"
+ as="a"
+ href={ route({ pathname: '/' }) }
+ >
+ Back to home
+ </Button>
  </>
  );
 };