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

[MMI] fix note to trader (#19868)

Browse Source 
* update styles

* updates snapshot

* prettier

* clean up
This commit is contained in:
António Regadas 2023-07-05 11:00:15 +01:00 committed by GitHub
parent c0483e118d
commit ecea2d7506
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/institutional/note-to-trader/__snapshots__/note-to-trader.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`NoteToTrader should render the Note to trader component 1`] = `
class="box confirm-page-container-content__data box--flex-direction-row" class="box confirm-page-container-content__data box--flex-direction-row"
> >
<div <div
class="box box--display-flex box--flex-direction-row" class="box box--padding-4 box--display-flex box--flex-direction-column"
> >
<div <div
class="box note-header box--display-flex box--flex-direction-row box--justify-content-space-between" class="box note-header box--display-flex box--flex-direction-row box--justify-content-space-between"

16
ui/components/institutional/note-to-trader/note-to-trader.js
View File

@ -1,8 +1,8 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { import {
DISPLAY, Display,
FLEX_DIRECTION, FlexDirection,
JustifyContent, JustifyContent,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { Label, Text } from '../../component-library'; import { Label, Text } from '../../component-library';
@ -13,10 +13,14 @@ const NoteToTrader = (props) => {
return ( return (
<Box className="confirm-page-container-content__data"> <Box className="confirm-page-container-content__data">
<Box display={DISPLAY.FLEX} flexDirection={FLEX_DIRECTION.ROW}> <Box
display={Display.Flex}
flexDirection={FlexDirection.Column}
padding={4}
>
<Box <Box
className="note-header" className="note-header"
display={DISPLAY.FLEX} display={Display.Flex}
justifyContent={JustifyContent.spaceBetween} justifyContent={JustifyContent.spaceBetween}
> >
<Label htmlFor="transaction-note">{labelText}</Label> <Label htmlFor="transaction-note">{labelText}</Label>
@ -25,8 +29,8 @@ const NoteToTrader = (props) => {
</Text> </Text>
</Box> </Box>
<Box <Box
display={DISPLAY.FLEX} display={Display.Flex}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FlexDirection.Column}
className="note-field" className="note-field"
> >
<textarea <textarea