packages/components/containers/logs/ProtectionCell.tsx

   1 import Icon from '@proton/components/components/icon/Icon';
   2 import Tooltip from '@proton/components/components/tooltip/Tooltip';
   3 import { ProtectionType } from '@proton/shared/lib/authlog';
   4 import { PROTON_SENTINEL_NAME } from '@proton/shared/lib/constants';
   5
   6 type Props = {
   7     protection?: ProtectionType | null;
   8     protectionDesc?: string | null;
   9     isB2B?: boolean;
  10 };
  11
  12 const ProtectionTooltip = () => {
  13     return (
  14         <Tooltip title={PROTON_SENTINEL_NAME} openDelay={0} closeDelay={150} longTapDelay={0}>
  15             <Icon className="align-text-bottom color-primary" name="shield-filled" />
  16         </Tooltip>
  17     );
  18 };
  19
  20 const ProtectionCell = ({ protection, protectionDesc, isB2B = false }: Props) => {
  21     const protectionTooltip = protection ? <ProtectionTooltip /> : null;
  22     if (protection === ProtectionType.OK) {
  23         return protectionTooltip;
  24     }
  25     return (
  26         <div className={isB2B ? 'flex flex-column' : ''}>
  27             <span className="shrink-0 mr-2">{protectionTooltip}</span>
  28             <span className={isB2B ? 'max-w-full text-ellipsis' : 'flex-1'}>{protectionDesc || '-'}</span>
  29         </div>
  30     );
  31 };
  32
  33 export default ProtectionCell;