header PlanHubDesignerTouchedDot.tsx

0% Statements 0/26

0% Branches 0/1

0% Functions 0/1

0% Lines 0/26

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 { IconPointFilled } from '@tabler/icons-react';
import { memo } from 'react';
import { FormattedMessage } from 'react-intl';

import { IconDanger, Tooltip } from '@allshares/studio-design-system';

import { isDrawerTokenDirty, type DrawerToken } from '../PlanHubRuleDesignerDrawer.types';

interface PlanHubDesignerTouchedDotProps {
  readonly token: DrawerToken;
}

export const PlanHubDesignerTouchedDot = memo(function PlanHubDesignerTouchedDot({
  token,
}: PlanHubDesignerTouchedDotProps) {
  return (
    isDrawerTokenDirty(token) && (
      <Tooltip content={<FormattedMessage defaultMessage="This editor has unsaved changes." />}>
        <IconDanger
          icon={IconPointFilled}
          size={15}
        />
      </Tooltip>
    )
  );
});