ARCHIVE/xrpl-hooks-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI for memos fields.

Browse Source
This commit is contained in:
muzam1l
2023-03-07 16:03:47 +05:30
parent 825af0db89
commit 03b768db4e
1 changed files with 53 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Transaction/ui.tsx
View File

@@ -338,6 +338,13 @@ export const TxUI: FC<UIProps> = ({ state: txState, setState, resetState, estima
<Flex column fluid> <Flex column fluid>
{Object.entries(memos).map(([id, memo]) => ( {Object.entries(memos).map(([id, memo]) => (
<Flex column key={id} css={{ mb: '$2' }}> <Flex column key={id} css={{ mb: '$2' }}>
<Flex
row
css={{
flexWrap: 'wrap',
width: '100%',
}}
>
<Input <Input
placeholder="Memo type" placeholder="Memo type"
value={memo.type} value={memo.type}
@@ -352,6 +359,7 @@ export const TxUI: FC<UIProps> = ({ state: txState, setState, resetState, estima
/> />
<Input <Input
placeholder="Memo data" placeholder="Memo data"
css={{ mx: '$2' }}
value={memo.data} value={memo.data}
onChange={e => { onChange={e => {
setState({ setState({
@@ -375,6 +383,7 @@ export const TxUI: FC<UIProps> = ({ state: txState, setState, resetState, estima
}} }}
/> />
<Button <Button
css={{ ml: '$2' }}
onClick={() => { onClick={() => {
const { [id]: _, ...rest } = memos const { [id]: _, ...rest } = memos
setState({ memos: rest }) setState({ memos: rest })
@@ -384,6 +393,7 @@ export const TxUI: FC<UIProps> = ({ state: txState, setState, resetState, estima
<Trash weight="regular" size="16px" /> <Trash weight="regular" size="16px" />
</Button> </Button>
</Flex> </Flex>
</Flex>
))} ))}
<Button <Button
outline outline