1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-03 14:44:27 +01:00
metamask-extension/ui/pages/create-account/connect-hardware/select-hardware.stories.js
George Marshall 854fc71ae7
Organizing storybook to echo app folder structure (#12796)
* Organizing storybook to echo app folder structure

* Updating new stories to follow new convention from develop
2021-12-01 11:27:57 -08:00

34 lines
857 B
JavaScript

import React from 'react';
import { action } from '@storybook/addon-actions';
import { LEDGER_TRANSPORT_TYPES } from '../../../../shared/constants/hardware-wallets';
import SelectHardware from './select-hardware';
export default {
title: 'Pages/CreateAccount/ConnectHardware/SelectHardware',
id: __filename,
};
export const DefaultStory = () => {
return (
<SelectHardware
browserSupported
connectToHardwareWallet={(selectedDevice) =>
action(`Continue connect to ${selectedDevice}`)()
}
ledgerTransportType={LEDGER_TRANSPORT_TYPES.LIVE}
/>
);
};
DefaultStory.storyName = 'Default';
export const BrowserNotSupported = () => {
return (
<SelectHardware
browserSupported={false}
connectToHardwareWallet={() => undefined}
ledgerTransportType={LEDGER_TRANSPORT_TYPES.LIVE}
/>
);
};