fix: direct to lockstacks

Author: kyranjamie

app/components/home/stacking-promo-card.tsx

@@ -1,16 +1,14 @@
 import { AbstractBtcChartSvg } from '@components/svg/abstract-btc-chart';
-import routes from '@constants/routes.json';
 import { useFetchDelegationStatus } from '@hooks/use-fetch-delegation-status';
 import { useMempool } from '@hooks/use-mempool';
 import { Box, Button, color, Flex, Text } from '@stacks/ui';
 import { selectPoxInfo } from '@store/stacking';
+import { openExternalLink } from '@utils/external-links';
 import { isDelegateStxTx } from '@utils/tx-utils';
 import React, { FC, useEffect } from 'react';
 import { useSelector } from 'react-redux';
-import { useHistory } from 'react-router-dom';
 
 export const StackingPromoCard: FC = () => {
-  const history = useHistory();
   const { outboundMempoolTxs } = useMempool();
   const poxInfo = useSelector(selectPoxInfo);
   const hasPendingDelegateStxCall = outboundMempoolTxs.some(tx =>
@@ -51,7 +49,7 @@ export const StackingPromoCard: FC = () => {
           alignSelf="flex-start"
           mode="tertiary"
           isDisabled={hasPendingDelegateStxCall}
-          onClick={() => history.push(routes.CHOOSE_STACKING_METHOD)}
+          onClick={() => openExternalLink('https://lockstacks.com')}
         >
           {'Get stacking on Lockstacks →'}
         </Button>