Usernames: Create/update/delete in profile editor

ts/components/ToastFailedToDeleteUsername.tsx

@@ -0,0 +1,22 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import type { LocalizerType } from '../types/Util';
+import { Toast } from './Toast';
+
+type PropsType = {
+  i18n: LocalizerType;
+  onClose: () => unknown;
+};
+
+export const ToastFailedToDeleteUsername = ({
+  i18n,
+  onClose,
+}: PropsType): JSX.Element => {
+  return (
+    <Toast onClose={onClose} style={{ maxWidth: '280px' }}>
+      {i18n('ProfileEditor--username--delete-general-error')}
+    </Toast>
+  );
+};