Avatar defaults and colors

ts/components/ConfirmDiscardDialog.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ConfirmationDialog } from './ConfirmationDialog';
+import { LocalizerType } from '../types/Util';
+
+export type PropsType = {
+  i18n: LocalizerType;
+  onClose: () => unknown;
+  onDiscard: () => unknown;
+};
+
+export const ConfirmDiscardDialog = ({
+  i18n,
+  onClose,
+  onDiscard,
+}: PropsType): JSX.Element | null => {
+  return (
+    <ConfirmationDialog
+      actions={[
+        {
+          action: onDiscard,
+          text: i18n('discard'),
+          style: 'negative',
+        },
+      ]}
+      i18n={i18n}
+      onClose={onClose}
+    >
+      {i18n('ConfirmDiscardDialog--discard')}
+    </ConfirmationDialog>
+  );
+};