Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

toastOnClick func removed

Browse source
This commit is contained in:
svetlagasheva 2020-01-10 13:40:04 +02:00
parent 136a2fddda
commit 655d55b65d
3 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/common/Toasts/Toast/Toast.js
View file

@ -6,13 +6,6 @@ const Button = require('stremio/common/Button');
const styles = require('./styles'); const styles = require('./styles');
const Toast = ({ type, title, text, icon, closeButton, onClick, onClose }) => { const Toast = ({ type, title, text, icon, closeButton, onClick, onClose }) => {
const isClickable = typeof onClick === 'function';
const toastOnClick = React.useCallback(() => {
if (isClickable) {
onClick();
}
}, [onClick]);
return ( return (
<div className={classnames(styles['toast-container'], styles[type])}> <div className={classnames(styles['toast-container'], styles[type])}>
{ {
@ -23,7 +16,7 @@ const Toast = ({ type, title, text, icon, closeButton, onClick, onClose }) => {
: :
null 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 ? typeof title === 'string' && title.length > 0 ?
<h1>{title}</h1> <h1>{title}</h1>

4
storybook/stories/Toast/SimpleToast/SimpleToast.js
View file

@ -1,6 +1,6 @@
const React = require('react'); const React = require('react');
const { storiesOf } = require('@storybook/react'); const { storiesOf } = require('@storybook/react');
const { Toast } = require('stremio/common'); const { Toasts } = require('stremio/common');
const styles = require('./styles'); const styles = require('./styles');
const { ToastsContainerProvider } = require('stremio/common/ToastsContainerContext'); 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.show({})}>Empty</button>
<button onClick={() => toastRef.current.hideAll()}>Close all</button> <button onClick={() => toastRef.current.hideAll()}>Close all</button>
<ToastsContainerProvider> <ToastsContainerProvider>
<Toast ref={toastRef} className={styles['toasts-container']} /> <Toasts ref={toastRef} className={styles['toasts-container']} />
</ToastsContainerProvider> </ToastsContainerProvider>
</div> </div>
); );

2
storybook/stories/index.js
View file

@ -11,4 +11,4 @@ require('./Popup');
require('./SeasonsBar'); require('./SeasonsBar');
require('./SharePrompt'); require('./SharePrompt');
require('./Stream'); require('./Stream');
require('./Toasts'); require('./Toast');