mbeps / next_discussion_platform

Full Stack Website for Forum Discussion Platform using Next.JS and Firebase
https://circus-discussion.vercel.app
MIT License
49 stars 11 forks source link

FEATURE: Toast Notifications #54

Closed mbeps closed 1 year ago

mbeps commented 1 year ago

Is your feature request related to a problem? Please describe.

Display a toast notification informing the user whether an action has been completed. This toast must be displayed if the result of the action taken in not obvious.

Describe the solution you'd like

Whenever an action is taken, a toast message is displayed (success, error or information).

Describe alternatives you've considered

Screenshots

Chakra UI Toast: https://chakra-ui.com/docs/components/toast image

function ToastExample() {
  const toast = useToast()
  return (
    <Button
      onClick={() =>
        toast({
          title: 'Account created.',
          description: "We've created your account for you.",
          status: 'success',
          duration: 9000,
          isClosable: true,
        })
      }
    >
      Show Toast
    </Button>
  )
}

Importance

mbeps commented 1 year ago

57