title-bar network-message.tsx

0% Statements 0/8

0% Branches 0/5

0% Functions 0/1

0% Lines 0/6

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
28
29
30
31
32
33
34  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text, Box, color } from '@stacks/ui';
import { isMainnet } from '@utils/network-utils';
import React, { FC } from 'react';
 
interface NetworkMessageProps {
  textColor?: string;
}
 
export const NetworkMessage: FC<NetworkMessageProps> = ({ textColor }) => {
  Iif (isMainnet()) return null;
  return (
    <Box top="9px">
      <Box display={['none', 'block']} pl="base" position="relative">
        <Box
          width="8px"
          height="8px"
          borderRadius="50%"
          backgroundColor={textColor ? textColor : color('feedback-alert')}
          position="absolute"
          left={0}
          top="9px"
        />
        <Text
          as="h3"
          textStyle="body.small.medium"
          color={textColor ? textColor : color('feedback-alert')}
        >
          Testnet mode
        </Text>
      </Box>
    </Box>
  );
};