signal-desktop/ts/components/DialogExpiredBuild.tsx

// Copyright 2020-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';

import { LocalizerType } from '../types/Util';

import { LeftPaneDialog } from './LeftPaneDialog';

type PropsType = {
  hasExpired: boolean;
  i18n: LocalizerType;
};

export const DialogExpiredBuild = ({
  hasExpired,
  i18n,
}: PropsType): JSX.Element | null => {
  if (!hasExpired) {
    return null;
  }

  return (
    <LeftPaneDialog type="error">
      {i18n('expiredWarning')}{' '}
      <a
        className="LeftPaneDialog__action-text"
        href="https://signal.org/download/"
        rel="noreferrer"
        tabIndex={-1}
        target="_blank"
      >
        {i18n('upgrade')}
      </a>
    </LeftPaneDialog>
  );
};