m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Update knobs to controls in storybook: SelectQuotePopover (#18671)

Browse Source 
* Update knobs to controls in storybook: SelectQuotePopover

* Update select-quote-popover.stories.js

* Update select-quote-popover.stories.js

* fix eslint

* Update ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>

---------

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
This commit is contained in:
sumit shinde ( Roni ) 2023-04-24 14:48:14 +05:30 committed by GitHub
parent 8bfcd5b11e
commit db4c4317dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
View File

@ -1,6 +1,4 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { action } from '@storybook/addon-actions';
import { object } from '@storybook/addon-knobs';
import Button from '../../../components/ui/button'; import Button from '../../../components/ui/button';
import mockQuoteData from './mock-quote-data'; import mockQuoteData from './mock-quote-data';
import README from './README.mdx'; import README from './README.mdx';
@ -29,11 +27,16 @@ export default {
options: ['Agg1', 'Agg2', 'Agg3', 'Agg4', 'Agg5', 'Agg6'], options: ['Agg1', 'Agg2', 'Agg3', 'Agg4', 'Agg5', 'Agg6'],
}, },
quoteDataRows: { quoteDataRows: {
control: 'object', control: {
type: 'object',
},
}, },
hideEstimatedGasFee: { hideEstimatedGasFee: {
control: 'boolean', control: 'boolean',
}, },
onSubmit: {
action: 'onSubmit',
},
}, },
args: { args: {
quoteDataRows: mockQuoteData, quoteDataRows: mockQuoteData,
@ -43,14 +46,19 @@ export default {
export const DefaultStory = (args) => { export const DefaultStory = (args) => {
const [showPopover, setShowPopover] = useState(false); const [showPopover, setShowPopover] = useState(false);
const handleSubmit = () => {
setShowPopover(false);
args.onSubmit();
};
return ( return (
<div> <div>
<Button onClick={() => setShowPopover(true)}>Open Popover</Button> <Button onClick={() => setShowPopover(true)}>Open Popover</Button>
{showPopover && ( {showPopover && (
<SelectQuotePopover <SelectQuotePopover
quoteDataRows={object('quoteDataRows', mockQuoteData)} quoteDataRows={args.quoteDataRows}
onClose={() => setShowPopover(false)} onClose={() => setShowPopover(false)}
onSubmit={action('submit SelectQuotePopover')} onSubmit={handleSubmit}
swapToSymbol={args.swapToSymbol || 'DAI'} swapToSymbol={args.swapToSymbol || 'DAI'}
initialAggId={args.initialAggId || 'Agg4'} initialAggId={args.initialAggId || 'Agg4'}
hideEstimatedGasFee={args.hideEstimatedGasFee || false} hideEstimatedGasFee={args.hideEstimatedGasFee || false}