1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/pages/swaps/select-quote-popover/select-quote-popover.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

33 lines
904 B
JavaScript

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 '.';
export default {
title: 'Pages/Swaps/SelectQuotePopover',
id: __filename,
};
export const DefaultStory = () => {
const [showPopover, setShowPopover] = useState(false);
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>
);
};
DefaultStory.storyName = 'Default';