From 7c6b14f73ab5bb3802109cf81de0af435ecfb7a5 Mon Sep 17 00:00:00 2001
From: Dexter Edwards <dexter.edwards93@gmail.com>
Date: Tue, 27 Sep 2022 10:06:31 +0100
Subject: [PATCH] fix: full reload when moving to propose child routes (#1496)

* fix: full reload when moving to propose child routes

* chore: replace outlet
---
 .../src/routes/governance/propose/propose.tsx | 38 ++++++++++++++-----
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/apps/token/src/routes/governance/propose/propose.tsx b/apps/token/src/routes/governance/propose/propose.tsx
index 31bc24af9..7b0ba9070 100644
--- a/apps/token/src/routes/governance/propose/propose.tsx
+++ b/apps/token/src/routes/governance/propose/propose.tsx
@@ -1,6 +1,6 @@
 import Routes from '../../routes';
 import { useTranslation } from 'react-i18next';
-import { Link } from '@vegaprotocol/ui-toolkit';
+import { Link } from 'react-router-dom';
 import { useEnvironment } from '@vegaprotocol/environment';
 import { Heading } from '../../../components/heading';
 
@@ -17,7 +17,8 @@ export const Propose = () => {
             <p>
               <span className="mr-1">{t('ProposalTermsText')}</span>
               <Link
-                href={`${VEGA_DOCS_URL}/tutorials/proposals`}
+                className="underline"
+                to={`${VEGA_DOCS_URL}/tutorials/proposals`}
                 target="_blank"
               >{`${VEGA_DOCS_URL}/tutorials/proposals`}</Link>
             </p>
@@ -26,7 +27,8 @@ export const Propose = () => {
             <p>
               {t('MoreProposalsInfo')}{' '}
               <Link
-                href={`${VEGA_EXPLORER_URL}/governance`}
+                className="underline"
+                to={`${VEGA_EXPLORER_URL}/governance`}
                 target="_blank"
               >{`${VEGA_EXPLORER_URL}/governance`}</Link>
             </p>
@@ -39,42 +41,60 @@ export const Propose = () => {
         <ul>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/network-parameter`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/network-parameter`}
+              >
                 {t('NetworkParameter')}
               </Link>
             </p>
           </li>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/new-market`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/new-market`}
+              >
                 {t('NewMarket')}
               </Link>
             </p>
           </li>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/update-market`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/update-market`}
+              >
                 {t('UpdateMarket')}
               </Link>
             </p>
           </li>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/new-asset`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/new-asset`}
+              >
                 {t('NewAsset')}
               </Link>
             </p>
           </li>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/freeform`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/freeform`}
+              >
                 {t('Freeform')}
               </Link>
             </p>
           </li>
           <li>
             <p>
-              <Link href={`${Routes.GOVERNANCE}/propose/raw`}>
+              <Link
+                className="underline"
+                to={`${Routes.GOVERNANCE}/propose/raw`}
+              >
                 {t('RawProposal')}
               </Link>
             </p>