1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js

31 lines
850 B
JavaScript
Raw Normal View History

import React, { useState } from 'react';
import { action } from '@storybook/addon-actions';
import { object } from '@storybook/addon-knobs';
import Button from '../../../components/ui/button';
import mockQuoteData from './mock-quote-data';
import SelectQuotePopover from '.';
2020-10-06 20:28:38 +02:00
export default {
title: 'SelectQuotePopover',
id: __filename,
};
2020-10-06 20:28:38 +02:00
export const Default = () => {
const [showPopover, setShowPopover] = useState(false);
2020-10-06 20:28:38 +02:00
return (
<div>
<Button onClick={() => setShowPopover(true)}>Open Popover</Button>
{showPopover && (
<SelectQuotePopover
quoteDataRows={object('quoteDataRows', mockQuoteData)}
onClose={() => setShowPopover(false)}
onSubmit={action('submit SelectQuotePopover')}
swapToSymbol="DAI"
initialAggId="Agg4"
/>
)}
</div>
);
};