From f9999d6da7752a55ad01f85dce34086c1acbff5a Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Wed, 1 Jul 2020 15:26:08 +0300
Subject: move snack provider to Page component

---
 src/pages/FeedPage/PollSubmission.tsx | 11 +++--------
 src/pages/Page.tsx                    | 19 ++++++++++++++-----
 2 files changed, 17 insertions(+), 13 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/FeedPage/PollSubmission.tsx b/src/pages/FeedPage/PollSubmission.tsx
index 3088279..b067914 100644
--- a/src/pages/FeedPage/PollSubmission.tsx
+++ b/src/pages/FeedPage/PollSubmission.tsx
@@ -48,18 +48,13 @@ const PollSubmission: React.FC<PropTypes> = ({ addPoll }) => {
     setExpanded(false);
   };
 
-  const showSnackBar = (message: string) => {
-    enqueueSnackbar(message, {
-      variant: 'success'
-    });
-  };
-
-
   const handleClick = () => {
     if (expanded && readyToSubmit) {
       post('/polls/', { contents }).then(response => {
         addPoll(response.data);
-        showSnackBar('Your poll has been successfully created!');
+        enqueueSnackbar('Your poll has been successfully created!', {
+          variant: 'success'
+        });
       });
       setContents({ ...emptyContents });
     }
diff --git a/src/pages/Page.tsx b/src/pages/Page.tsx
index 6d4315e..f6353b2 100644
--- a/src/pages/Page.tsx
+++ b/src/pages/Page.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
+import { SnackbarProvider } from 'notistack';
 import ProfilePage from './ProfilePage/ProfilePage';
 import FeedPage from './FeedPage/FeedPage';
 import AuthPage from './AuthPage/AuthPage';
@@ -18,11 +19,19 @@ const Page: React.FC = () => {
   const classes = useStyles();
 
   return (
-    <div className={classes.root}>
-      { page.prefix === 'profile' && <ProfilePage />}
-      { page.prefix === 'feed' && <FeedPage /> }
-      { page.prefix === 'auth' && <AuthPage /> }
-    </div>
+    <SnackbarProvider
+      maxSnack={3}
+      anchorOrigin={{
+        vertical: 'bottom',
+        horizontal: 'right'
+      }}
+    >
+      <div className={classes.root}>
+        { page.prefix === 'profile' && <ProfilePage />}
+        { page.prefix === 'feed' && <FeedPage /> }
+        { page.prefix === 'auth' && <AuthPage /> }
+      </div>
+    </SnackbarProvider>
   );
 };
 
-- 
cgit v1.2.3