feat: transactions locking content.

This commit is contained in:
a.bouhuolia
2021-12-15 19:53:04 +02:00
parent 33b998cbda
commit 7a608d2ee3
4 changed files with 13 additions and 14 deletions

View File

@@ -72,8 +72,7 @@ export function TransactionsLockingHeader() {
intent={Intent.PRIMARY}
>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
<T id={'transactions_locking.callout.lock_all_at_once.desc'} />
</p>
<ButtonLink onClick={handleAllLockClick}>
<T id={'transactions_locking.lock_all_transactions_at_once'} />
@@ -82,8 +81,7 @@ export function TransactionsLockingHeader() {
) : (
<LockAllAlert title={'Lock Individual Modules'} intent={Intent.PRIMARY}>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
<T id={'transactions_locking.callout.lock_individual.desc'} />
</p>
<ButtonLink onClick={handleUndividualLockClick}>
<T id={'transactions_locking.lock_modules_individually'} />

View File

@@ -1,7 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { Paragraph } from 'components';
import { Paragraph, FormattedMessage as T } from 'components';
import { TransactionsLockingProvider } from './TransactionsLockingProvider';
import { TransactionsLockingHeader } from './TransactionsLockingHeader';
import { TransactionsLockingBody } from './TransactionsLockingBody';
@@ -15,10 +15,7 @@ export default function TransactionsLockingListPage() {
<TransactionsLocking>
<TransactionsLockingParagraph>
<TransLockingDesc>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
<T id={'transactions_locking.long_description'} />
</TransLockingDesc>
<TransactionsLockingHeader />
</TransactionsLockingParagraph>

View File

@@ -180,7 +180,7 @@ function TransactionsLockingItemContent() {
<If condition={!isEnabled}>
<TransLockingItemDesc>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<T id={'transactions_locking.lock_item.no_lock'} />
</TransLockingItemDesc>
</If>
@@ -340,7 +340,7 @@ const TransactionLockingWrapp = styled.div`
border-color: #fc8483;
${TransLockingIcon} {
color: #ff8282;
color: #ef6d6d;
}
`}
`;
@@ -401,9 +401,9 @@ export const TransLockingReason = styled.div`
`;
const TransUnlockWrap = styled.div`
padding-top: 12px;
padding-top: 10px;
border-top: 1px solid #ddd;
margin-top: 12px;
margin-top: 10px;
${TransLockingReason} {
margin-top: 8px;