From 655d55b65dea049d044dbce22c5a705bcd7c526c Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Fri, 10 Jan 2020 13:40:04 +0200
Subject: [PATCH] toastOnClick func removed

---
 src/common/Toasts/Toast/Toast.js                   | 9 +--------
 storybook/stories/Toast/SimpleToast/SimpleToast.js | 4 ++--
 storybook/stories/index.js                         | 2 +-
 3 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/common/Toasts/Toast/Toast.js b/src/common/Toasts/Toast/Toast.js
index 6b82834fc..b667a6d55 100644
--- a/src/common/Toasts/Toast/Toast.js
+++ b/src/common/Toasts/Toast/Toast.js
@@ -6,13 +6,6 @@ const Button = require('stremio/common/Button');
 const styles = require('./styles');
 
 const Toast = ({ type, title, text, icon, closeButton, onClick, onClose }) => {
-    const isClickable = typeof onClick === 'function';
-    const toastOnClick = React.useCallback(() => {
-        if (isClickable) {
-            onClick();
-        }
-    }, [onClick]);
-
     return (
         <div className={classnames(styles['toast-container'], styles[type])}>
             {
@@ -23,7 +16,7 @@ const Toast = ({ type, title, text, icon, closeButton, onClick, onClose }) => {
                     :
                     null
             }
-            <div className={classnames(styles['message-container'], { [styles.clickable]: isClickable })} onClick={toastOnClick}>
+            <div className={classnames(styles['message-container'], { [styles.clickable]: typeof onClick === 'function' })} onClick={onClick}>
                 {
                     typeof title === 'string' && title.length > 0 ?
                         <h1>{title}</h1>
diff --git a/storybook/stories/Toast/SimpleToast/SimpleToast.js b/storybook/stories/Toast/SimpleToast/SimpleToast.js
index 4facc5297..85c5ac44f 100644
--- a/storybook/stories/Toast/SimpleToast/SimpleToast.js
+++ b/storybook/stories/Toast/SimpleToast/SimpleToast.js
@@ -1,6 +1,6 @@
 const React = require('react');
 const { storiesOf } = require('@storybook/react');
-const { Toast } = require('stremio/common');
+const { Toasts } = require('stremio/common');
 const styles = require('./styles');
 const { ToastsContainerProvider } = require('stremio/common/ToastsContainerContext');
 
@@ -38,7 +38,7 @@ storiesOf('Toast', module).add('SimpleToast', () => {
             <button onClick={() => toastRef.current.show({})}>Empty</button>
             <button onClick={() => toastRef.current.hideAll()}>Close all</button>
             <ToastsContainerProvider>
-                <Toast ref={toastRef} className={styles['toasts-container']} />
+                <Toasts ref={toastRef} className={styles['toasts-container']} />
             </ToastsContainerProvider>
         </div>
     );
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index e0a8bbc88..7562692e3 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -11,4 +11,4 @@ require('./Popup');
 require('./SeasonsBar');
 require('./SharePrompt');
 require('./Stream');
-require('./Toasts');
+require('./Toast');