ssr referrer

lib/appContext.tsx

@@ -7,13 +7,11 @@ type Props = {
   pageProps: PageProps;
 }
 
-const AppContext = createContext<PageProps>({ cookies: '' });
+const AppContext = createContext<PageProps>({ cookies: '', referrer: '' });
 
 export function AppWrapper({ children, pageProps }: Props) {
-  const appProps = { cookies: pageProps.cookies };
-
   return (
-    <AppContext.Provider value={ appProps }>
+    <AppContext.Provider value={ pageProps }>
       { children }
     </AppContext.Provider>
   );

lib/next/getServerSideProps.ts

@@ -2,12 +2,14 @@ import type { GetServerSideProps, GetServerSidePropsResult } from 'next';
 
 export type Props = {
   cookies: string;
+  referrer: string;
 }
 
 export const getServerSideProps: GetServerSideProps = async({ req }): Promise<GetServerSidePropsResult<Props>> => {
   return {
     props: {
       cookies: req.headers.cookie || '',
+      referrer: req.headers.referer || '',
     },
   };
 };

ui/pages/Transaction.tsx

@@ -7,6 +7,7 @@ import type { Transaction } from 'types/api/transaction';
 import type { RoutedTab } from 'ui/shared/RoutedTabs/types';
 
 import eastArrowIcon from 'icons/arrows/east.svg';
+import { useAppContext } from 'lib/appContext';
 import useFetch from 'lib/hooks/useFetch';
 import isBrowser from 'lib/isBrowser';
 import networkExplorers from 'lib/networks/networkExplorers';
@@ -32,6 +33,12 @@ const TABS: Array<RoutedTab> = [
 const TransactionPageContent = () => {
   const router = useRouter();
   const fetch = useFetch();
+  const appProps = useAppContext();
+  const isInBrowser = isBrowser();
+
+  const referrer = isInBrowser ? window.document.referrer : appProps.referrer;
+
+  const hasGoBackLink = referrer && referrer.includes('/txs');
 
   const { data } = useQuery<unknown, unknown, Transaction>(
     [ 'tx', router.query.id ],
@@ -48,12 +55,10 @@ const TransactionPageContent = () => {
       return <ExternalLink key={ explorer.baseUrl } title={ `Open in ${ explorer.title }` } href={ url.toString() }/>;
     });
 
-  const hasGoBackLink = isBrowser() && window.document.referrer.includes('/txs');
-
   return (
     <Page>
       { hasGoBackLink && (
-        <Link mb={ 6 } display="inline-flex" href={ window.document.referrer }>
+        <Link mb={ 6 } display="inline-flex" href={ referrer }>
           <Icon as={ eastArrowIcon } boxSize={ 6 } mr={ 2 } transform="rotate(180deg)"/>
             Transactions
         </Link>