feat: add trezor help link, closes #248

app/constants/index.ts

@@ -10,6 +10,9 @@ export const STATUS_PAGE_URL = 'http://status.test-blockstack.com';
 
 export const DEFAULT_STACKS_NODE_URL = 'https://stacks-node-api.krypton.blockstack.org';
 
+export const TREZOR_HELP_URL =
+  'https://www.blockstack.org/questions/how-can-i-use-my-trezor-device-with-the-stacks-wallet';
+
 export const NETWORK = process.env.STX_NETWORK as 'mainnet' | 'testnet';
 
 export const MAX_STACKING_CYCLES = 12;

app/pages/onboarding/02-create-wallet/create-wallet.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useDispatch } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 
-import { onboardingMnemonicGenerationStep } from '@store/keys/keys.actions';
+import { onboardingMnemonicGenerationStep } from '@store/keys';
 import routes from '@constants/routes.json';
 import {
   Onboarding,
@@ -13,6 +13,8 @@ import {
   OnboardingFooterLink,
 } from '@components/onboarding';
 import { useBackButton } from '@hooks/use-back-url';
+import { openExternalLink } from '@utils/external-links';
+import { TREZOR_HELP_URL } from '@constants/index';
 
 export const CreateWallet: React.FC = () => {
   const dispatch = useDispatch();
@@ -24,6 +26,8 @@ export const CreateWallet: React.FC = () => {
     history.push(routes.GENERATING);
   };
 
+  const openTrezorHelpPage = () => openExternalLink(TREZOR_HELP_URL);
+
   return (
     <Onboarding>
       <OnboardingTitle>Create a new wallet</OnboardingTitle>
@@ -40,7 +44,9 @@ export const CreateWallet: React.FC = () => {
       </OnboardingButton>
 
       <OnboardingFooter>
-        {/* <OnboardingFooterLink>I have a Trezor wallet</OnboardingFooterLink> */}
+        <OnboardingFooterLink onClick={openTrezorHelpPage}>
+          I have a Trezor wallet
+        </OnboardingFooterLink>
       </OnboardingFooter>
     </Onboarding>
   );