components wallet-warning.tsx

0% Statements 0/6

100% Branches 0/0

0% Functions 0/1

0% Lines 0/5

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ExternalLink } from './external-link';
import { Flex, Text, FlexProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
export const WalletWarning: FC<FlexProps> = props => {
  return (
    <Flex width="100%" borderRadius="6px" mt="tight" {...props}>
      <Text textStyle="caption" color={color('text-caption')}>
        ⚠️ Please check our status page for known issues if you’re experiencing any difficulties.
        <ExternalLink
          display="inline-block"
          ml="base"
          fontSize="12px"
          mt="extra-tight"
          href="https://www.hiro.so/questions/what-known-issues-are-currently-affecting-the-stacks-wallet"
        >
          Check status
        </ExternalLink>
      </Text>
    </Flex>
  );
};