applications/calendar/src/app/components/events/PopoverNotification.tsx

   1 import { memo } from 'react';
   2
   3 import { c } from 'ttag';
   4
   5 import { isEmailNotification } from '@proton/shared/lib/calendar/alarms';
   6 import getNotificationString from '@proton/shared/lib/calendar/alarms/getNotificationString';
   7 import type { NotificationModel } from '@proton/shared/lib/interfaces/calendar';
   8
   9 interface Props {
  10     notification: NotificationModel;
  11     formatTime: (date: Date) => string;
  12 }
  13 const PopoverNotification = memo(function PopoverNotificationComponent({ notification, formatTime }: Props) {
  14     const str = getNotificationString(notification, formatTime);
  15     // translator: the leading string for this can be something like "minutes before" or "at time of event". The UI for an email notification looks like [15] [minutes before by email]
  16     const notificationSuffix = c('Notification suffix').t`by email`;
  17
  18     return (
  19         <div>
  20             {str} {isEmailNotification(notification) ? notificationSuffix : ''}
  21         </div>
  22     );
  23 });
  24
  25 export default PopoverNotification;