/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 */

import {notification, Typography} from 'antd';
import React from 'react';
import {FlipperDevTools} from '../chrome/FlipperDevTools';
import {setStaticView} from '../reducers/connections';
import {getStore} from '../store';
import {Layout} from '../ui';
import {v4 as uuid} from 'uuid';
import {NotificationBody} from '../ui/components/NotificationBody';

const {Link} = Typography;

export function showErrorNotification(message: string, description?: string) {
  const key = uuid();
  notification.error({
    key,
    message,
    description: description ? (
      <NotificationBody text={description} />
    ) : (
      <Layout.Container gap>
        <p>
          See{' '}
          <Link
            onClick={() => {
              getStore().dispatch(setStaticView(FlipperDevTools));
              notification.close(key);
            }}>
            logs
          </Link>{' '}
          for details.
        </p>
      </Layout.Container>
    ),
    placement: 'bottomLeft',
  });
}