components delegated-stacking-terms.tsx

0% Statements 0/9

100% Branches 0/0

0% Functions 0/1

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { StackingTermItem } from '../../components/stacking-term';
import { StepsIcon } from '@components/icons/steps';
import { pseudoBorderLeft } from '@components/styles/pseudo-border-left';
import type { StackProps } from '@stacks/ui';
import { Stack } from '@stacks/ui';
import { IconLock } from '@tabler/icons';
import React, { FC } from 'react';
 
export const DelegatedStackingTerms: FC<StackProps> = props => (
  <Stack
    textStyle={['body.small', 'body.large']}
    spacing="base-loose"
    pl="base"
    {...pseudoBorderLeft('feedback-alert')}
    {...props}
  >
    <StackingTermItem title="This transaction can’t be reversed" icon={IconLock}>
      There will be no way to unlock your STX once the pool has started stacking them. You will need
      to wait until they unlock at the end of the pool&apos;s chosen number of cycles.
    </StackingTermItem>
    <StackingTermItem title="Research your pool" icon={StepsIcon}>
      Paying out rewards is at the discretion of the pool. Make sure you&apos;ve researched and
      trust the pool you’re using. All pools are unaffiliated with Leather.
    </StackingTermItem>
  </Stack>
);