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

Merge pull request #569 from Stremio/feature-toast-type-info

Browse source 
feature: toast of type info added
This commit is contained in:
Tim 2024-02-07 16:31:08 +01:00 committed by GitHub
commit f27dcfcf23
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common/Toast/ToastItem/ToastItem.js
View file

@ -9,7 +9,7 @@ const styles = require('./styles');
const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) => { const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) => {
const type = React.useMemo(() => { const type = React.useMemo(() => {
return ['success', 'alert', 'error'].includes(props.type) ? return ['success', 'alert', 'info', 'error'].includes(props.type) ?
props.type props.type
: :
'success'; 'success';
@ -18,7 +18,8 @@ const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) =>
return typeof props.icon === 'string' ? props.icon : return typeof props.icon === 'string' ? props.icon :
type === 'success' ? 'checkmark' : type === 'success' ? 'checkmark' :
type === 'error' ? 'close' : type === 'error' ? 'close' :
null; type === 'info' ? 'about' :
null;
}, [type, props.icon]); }, [type, props.icon]);
const toastOnClick = React.useCallback((event) => { const toastOnClick = React.useCallback((event) => {
if (!event.nativeEvent.selectToastPrevented && typeof onSelect === 'function') { if (!event.nativeEvent.selectToastPrevented && typeof onSelect === 'function') {
@ -81,7 +82,7 @@ const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) =>
}; };
ToastItem.propTypes = { ToastItem.propTypes = {
type: PropTypes.oneOf(['success', 'alert', 'error']), type: PropTypes.oneOf(['success', 'alert', 'info', 'error']),
title: PropTypes.string, title: PropTypes.string,
message: PropTypes.string, message: PropTypes.string,
icon: PropTypes.string, icon: PropTypes.string,

10
src/common/Toast/ToastItem/styles.less
View file

@ -32,6 +32,16 @@
} }
} }
&.info {
.icon-container {
background-color: @color-primary-light2;
.icon {
color: @color-surface-light5-90;
}
}
}
.icon-container { .icon-container {
border-radius: 3px; border-radius: 3px;
background-color: var(--overlay-color); background-color: var(--overlay-color);