SetupAdvanced.tsx raw

   1  import { useEffect } from "react";
   2  import Container from "src/components/Container";
   3  import TwoColumnLayoutHeader from "src/components/TwoColumnLayoutHeader";
   4  import { LinkButton } from "src/components/ui/custom/link-button";
   5  import useSetupStore from "src/state/SetupStore";
   6  
   7  export function SetupAdvanced() {
   8    useEffect(() => {
   9      // in case the user goes back, reset the imported mnemonic flag
  10      useSetupStore.getState().setHasImportedMnemonic(false);
  11    }, []);
  12  
  13    return (
  14      <Container>
  15        <div className="grid gap-5">
  16          <TwoColumnLayoutHeader
  17            title="Advanced Setup"
  18            pageTitle="Advanced Setup"
  19            description="Import your Alby Hub, import existing recovery phrase or create custom wallet."
  20          />
  21          <div className="flex flex-col gap-3">
  22            <LinkButton to="/setup/node-restore" className="w-full">
  23              Import Wallet from Migration File
  24            </LinkButton>
  25            <LinkButton
  26              to="/setup/password?wallet=import"
  27              variant="secondary"
  28              className="w-full"
  29            >
  30              Import Existing Recovery Phrase
  31            </LinkButton>
  32            <LinkButton
  33              to="/setup/password"
  34              variant="secondary"
  35              className="w-full"
  36            >
  37              Create Wallet with Custom Node
  38            </LinkButton>
  39          </div>
  40        </div>
  41      </Container>
  42    );
  43  }
  44