mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-01 00:28:06 +01:00
5456d55c88
* Update main-quote-summary designs/styles * Clean up css: use className instead of element types * Style fixes to symbol elements in main-quote-view * Use correct source for token iconUrls passed to main-quote-view * Improve vertical spacing on view-quote screen and with new main-quote-view designs * Remove unused classes * Tweak space around large quote amount text in main-quote-summary
25 lines
859 B
JavaScript
25 lines
859 B
JavaScript
import React from 'react'
|
|
import { text, number } from '@storybook/addon-knobs/react'
|
|
import MainQuoteSummary from './main-quote-summary'
|
|
|
|
export default {
|
|
title: 'MainQuoteSummary',
|
|
}
|
|
|
|
export const BestQuote = () => {
|
|
return (
|
|
<div style={{ width: '360px', height: '224px', border: '1px solid black', padding: '24px' }}>
|
|
<MainQuoteSummary
|
|
sourceValue={text('sourceValue', '2000000000000000000')}
|
|
sourceDecimals={number('sourceDecimals', 18)}
|
|
sourceSymbol={text('sourceSymbol', 'ETH')}
|
|
destinationValue={text('destinationValue', '200000000000000000')}
|
|
destinationDecimals={number('destinationDecimals', 18)}
|
|
destinationSymbol={text('destinationSymbol', 'ABC')}
|
|
sourceIconUrl=".storybook/images/metamark.svg"
|
|
destinationIconUrl=".storybook/images/sai.svg"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|