createSnackbarSlice

createSnackbarSlice.txt

import { StoreSlice } from '../../shared/types';

export interface ISnackbarProperty {
  visible: boolean;
  message: string;
}

export interface ISnarkbarSlice {
  snackbar: ISnackbarProperty;
  showSnackbar: (message: string) => void;
  hideSnackbar: () => void;
}

const createSnackbarSlice: StoreSlice<ISnarkbarSlice> = (set, get) => ({
  snackbar: {
    visible: false,
    message: ''
  },
  showSnackbar: (message: string) =>
    set((state) => ({ ...state, snackbar: { visible: true, message } })),
  hideSnackbar: () =>
    set((state) => ({ ...state, snackbar: { visible: false, message: '' } }))
});

export default createSnackbarSlice;