signal-desktop/ts/components/ToastFailedToFetchUsername.tsx

// 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 function ToastFailedToFetchUsername({
  i18n,
  onClose,
}: PropsType): JSX.Element {
  return (
    <Toast onClose={onClose} style={{ maxWidth: '280px' }}>
      {i18n('Toast--failed-to-fetch-username')}
    </Toast>
  );
}