adrien-nf / git-report-web Goto Github PK

<React.StrictMode>
  <ThemeProvider>
    <CSSBaseline />
 

import { Alert, AlertColor, Slide, SlideProps, Snackbar } from '@mui/material';
import React, { createContext, useContext, useState } from 'react';

interface SnackAlert {
  message: string,
  autoHideDuration?: number,
  severity: AlertColor,
}

interface SnackContextSpec {
  success: (message: string) => void,
  error: (message: string) => void,
}

const SnackContext = createContext<SnackContextSpec | undefined>(undefined);

function SlideTransition(props: SlideProps) {
  // eslint-disable-next-line react/jsx-props-no-spreading
  return <Slide {...props} direction="up" />;
}

function SnackContextProvider({ children }: { children: React.ReactNode }) {
  const [open, setOpen] = useState(false);
  const [snackAlert, setSnackAlert] = useState<SnackAlert>();

  const handleClose = (event?: React.SyntheticEvent | Event, reason?: string) => {
    if (reason === 'clickaway') return;
    setOpen(false);
  };

  const success = (newMessage: string) => {
    setSnackAlert({
      message: newMessage,
      severity: 'success',
      autoHideDuration: 4000,
    });
    setOpen(true);
  };

  const error = (newMessage: string) => {
    setSnackAlert({
      message: newMessage,
      severity: 'error',
    });
    setOpen(true);
  };

  return (
    <SnackContext.Provider value={{ error, success }}>
      <Snackbar
        anchorOrigin={{
          vertical: 'bottom',
          horizontal: 'center',
        }}
        TransitionComponent={SlideTransition}
        open={open}
        autoHideDuration={snackAlert?.autoHideDuration}
        onClose={handleClose}
      >
        <Alert
          onClose={handleClose}
          severity={snackAlert?.severity}
          sx={{ width: '100%' }}
        >
          {snackAlert?.message}
        </Alert>
      </Snackbar>
      {children}
    </SnackContext.Provider>
  );
}

export default SnackContextProvider;

export function useSnack(): SnackContextSpec {
  const context = useContext(SnackContext);
  if (!context) throw new Error('Using snack context outside of provider');
  return context;
}