m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Fixed NumericInput Storybook Components (#16734) (#16737)

Browse Source 
Co-authored-by: Brad Decker <bhdecker84@gmail.com>
Fixed https://github.com/MetaMask/metamask-extension/issues/16703
Fixes https://github.com/MetaMask/metamask-extension/issues/16703
This commit is contained in:
Sailer43 2022-12-06 11:48:55 -05:00 committed by GitHub
parent 7f50febfcd
commit 1e173afc95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/components/ui/numeric-input/numeric-input.stories.js
View File

@ -1,4 +1,4 @@
import React from 'react'; import React, { useState } from 'react';
import NumericInput from '.'; import NumericInput from '.';
export default { export default {
@ -6,12 +6,11 @@ export default {
id: __filename, id: __filename,
}; };
const onChange = (e) => console.log('changed value: ', e.target.value);
export const DefaultStory = () => { export const DefaultStory = () => {
const [value, setValue] = useState(0);
return ( return (
<div style={{ width: '600px' }}> <div style={{ width: '600px' }}>
<NumericInput onChange={onChange} /> <NumericInput onChange={setValue} value={value} />
</div> </div>
); );
}; };
@ -19,20 +18,23 @@ export const DefaultStory = () => {
DefaultStory.storyName = 'Default'; DefaultStory.storyName = 'Default';
export const WithDetail = () => { export const WithDetail = () => {
const [value, setValue] = useState(0);
return ( return (
<div style={{ width: '600px' }}> <div style={{ width: '600px' }}>
<NumericInput detailText="= $0.06" onChange={onChange} /> <NumericInput detailText="= $0.06" onChange={setValue} value={value} />
</div> </div>
); );
}; };
export const WithError = () => { export const WithError = () => {
const [value, setValue] = useState(0);
return ( return (
<div style={{ width: '600px' }}> <div style={{ width: '600px' }}>
<NumericInput <NumericInput
detailText="= $0.06" detailText="= $0.06"
error="This number isn't great" error="This number isn't great"
onChange={onChange} onChange={setValue}
value={value}
/> />
</div> </div>
); );