Universal Disappearing Messages

ts/components/conversation/UniversalTimerNotification.tsx

@@ -0,0 +1,28 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+
+import { LocalizerType } from '../../types/Util';
+import * as expirationTimer from '../../util/expirationTimer';
+
+export type Props = {
+  i18n: LocalizerType;
+  expireTimer: number;
+};
+
+export const UniversalTimerNotification: React.FC<Props> = props => {
+  const { i18n, expireTimer } = props;
+
+  if (!expireTimer) {
+    return null;
+  }
+
+  return (
+    <div className="module-universal-timer-notification">
+      {i18n('UniversalTimerNotification__text', {
+        timeValue: expirationTimer.format(i18n, expireTimer),
+      })}
+    </div>
+  );
+};