All files / app/pages/settings settings-reset-wallet.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { SettingDescription } from './components/settings-layout';
import { SettingSection } from './components/settings-section';
import { useWalletType } from '@hooks/use-wallet-type';
import { ResetWalletModal } from '@modals/reset-wallet/reset-wallet-modal';
import { Button, color, Text } from '@stacks/ui';
import { SettingsSelectors } from 'app/tests/features/settings.selectors';
import React, { useState } from 'react';
 
export const SettingsResetWallet = () => {
  const [resetModalOpen, setResetModalOpen] = useState(false);
  const { whenWallet } = useWalletType();
 
  return (
    <SettingSection title="Reset wallet">
      <SettingDescription>
        When you reset your wallet, you will need to
        {whenWallet({
          software: ' sign back in with your 24-word Secret Key.',
          ledger: ' reauthenticate with your Ledger device',
        })}
        <br />
        <Text mt="base-tight" display="block" color="ink.600" textStyle="caption">
          Your wallet data can be found in: <code>{main.getUserDataPath()}</code>
        </Text>
      </SettingDescription>
      <ResetWalletModal isOpen={resetModalOpen} onClose={() => setResetModalOpen(false)} />
 
      <Button
        mt="loose"
        style={{ background: color('feedback-error') }}
        data-test={SettingsSelectors.BtnOpenResetModal}
        onClick={() => setResetModalOpen(true)}
      >
        Reset wallet
      </Button>
    </SettingSection>
  );
};