components one-cycle-descriptor.tsx

0% Statements 0/9

0% Branches 0/8

0% Functions 0/2

0% Lines 0/7

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { BoxProps, color, Text } from '@stacks/ui';
import { RootState } from '@store/index';
import { selectNextCycleInfo, selectPoxInfo } from '@store/stacking';
import React, { FC } from 'react';
import { useSelector } from 'react-redux';
 
type OneCycleDescriptorProps = BoxProps;
 
export const OneCycleDescriptor: FC<OneCycleDescriptorProps> = props => {
  const { nextCycleInfo, poxInfo } = useSelector((state: RootState) => ({
    nextCycleInfo: selectNextCycleInfo(state),
    poxInfo: selectPoxInfo(state),
  }));
  return (
    <Text display="block" textStyle="body.small" color={color('text-caption')} {...props}>
      Cycles last {poxInfo?.reward_cycle_length} Bitcoin blocks, currently{' '}
      {nextCycleInfo?.estimateCycleDuration}
    </Text>
  );
};