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"
>
<div
class="box box--display-flex box--flex-direction-row"
class="box box--padding-4 box--display-flex box--flex-direction-column"
>
<div
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 PropTypes from 'prop-types';
import {
DISPLAY,
FLEX_DIRECTION,
Display,
FlexDirection,
JustifyContent,
} from '../../../helpers/constants/design-system';
import { Label, Text } from '../../component-library';
@ -13,10 +13,14 @@ const NoteToTrader = (props) => {
return (
<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
className="note-header"
display={DISPLAY.FLEX}
display={Display.Flex}
justifyContent={JustifyContent.spaceBetween}
>
<Label htmlFor="transaction-note">{labelText}</Label>
@ -25,8 +29,8 @@ const NoteToTrader = (props) => {
</Text>
</Box>
<Box
display={DISPLAY.FLEX}
flexDirection={FLEX_DIRECTION.COLUMN}
display={Display.Flex}
flexDirection={FlexDirection.Column}
className="note-field"
>
<textarea