mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-23 02:10:12 +01:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on |
||
|---|---|---|
| .. | ||
| __snapshots__ | ||
| quote-details | ||
| sort-list | ||
| index.js | ||
| index.scss | ||
| mock-quote-data.js | ||
| mock-quote-data.test.js | ||
| README.mdx | ||
| select-quote-popover-constants.js | ||
| select-quote-popover.js | ||
| select-quote-popover.stories.js | ||
| select-quote-popover.test.js | ||
import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import Button from '.';
import SelectQuotePopover from '.';
# SelectQuotePopover
`SelectQuotePopover` is a modal that displays information gathered from multiple liquidity sources.
<Canvas>
<Story id="pages-swaps-selectquotepopover--default-story" />
</Canvas>
## Component API
<ArgsTable of={SelectQuotePopover} />
## Usage
The following describes the props and example usage for this component.
### onClose
Action called when close button is clicked. It's also called on submit action.
### onSubmit
Action called when Select button is clicked
### swapToSymbol
Name of the receiving symbol
### quoteDataRows
data provided with the following properties:
| type | Types |
| -------------------------- | --------- |
| `aggId` | `string` |
| `amountReceiving` | `string` |
| `destinationTokenDecimals` | `number` |
| `destinationTokenSymbol` | `string` |
| `destinationTokenValue` | `string` |
| `isBestQuote--primary` | `boolean` |
| `networkFees` | `string` |
| `quoteSource` | `string` |
| `rawNetworkFees` | `string` |
| `slippage` | `string` |
| `sourceTokenDecimals` | `number` |
| `sourceTokenSymbol` | `string` |
| `sourceTokenValue` | `string` |
### initialAggId
When `initialAggId` is defined, the corresponding quote is pre-selected in sort-list
### onQuoteDetailsIsOpened
Detail opened when click on caret of a specific quote.
### hideEstimatedGasFee
When the `hideEstimatedGasFee` is set to `true` it hides the Estimated network fees column