github.com/oinume/lekcije@v0.0.0-20231017100347-5b4c5eb6ab24/frontend/src/components/ToastContainer.tsx (about)

     1  import React from 'react';
     2  import type {
     3    ToastContainerProps} from 'react-toastify';
     4  import {
     5    ToastContainer as ReactToastContainer,
     6    Zoom,
     7  } from 'react-toastify';
     8  import 'react-toastify/dist/ReactToastify.css'; // eslint-disable-line import/no-unassigned-import
     9  
    10  export const ToastContainer: React.FC<Partial<ToastContainerProps>> = props => (
    11    <ReactToastContainer
    12      pauseOnFocusLoss
    13      pauseOnHover
    14      hideProgressBar
    15      icon
    16      newestOnTop
    17      autoClose={3000}
    18      position="top-center"
    19      rtl={false}
    20      transition={Zoom}
    21      {...props}
    22    />
    23  );
    24  
    25  /*
    26  Const ToastCloseButton = ({
    27    closeToast,
    28  }: {
    29    closeToast: React.MouseEventHandler<HTMLButtonElement>;
    30  }) => <button className="delete" onClick={closeToast}/>;
    31  
    32  const getClassName = (type?: TypeOptions) => {
    33    switch (type) {
    34      case 'info':
    35        return 'is-info';
    36      case 'success':
    37        return 'is-success';
    38      case 'warning':
    39        return 'is-warning';
    40      case 'error':
    41        return 'is-danger';
    42      default:
    43        return 'is-info';
    44    }
    45  };
    46  */