title-bar update-available-button.tsx

0% Statements 0/7

0% Branches 0/4

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { UpdateArrowIcon } from '@components/icons/update-arrow';
import { WindowActiveState } from '@models';
import { Flex, Text, FlexProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
interface UpdateAvailableButtonProps extends FlexProps {
  windowState: WindowActiveState;
}
 
export const UpdateAvailableButton: FC<UpdateAvailableButtonProps> = props => {
  const { windowState, ...rest } = props;
  return (
    <Flex alignItems="center" {...rest}>
      <UpdateArrowIcon color={windowState === 'blurred' ? color('text-caption') : 'blue'} />
      <Text
        textStyle="body.small.medium"
        ml="tight"
        color={windowState === 'blurred' ? color('text-caption') : 'blue'}
      >
        Update available
      </Text>
    </Flex>
  );
};