Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

updated toast context (#5087)

Browse source
This commit is contained in:
Arpit 2022-12-29 12:54:12 +05:30 committed by GitHub
parent 840863c7ba
commit ba73302d51
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/_ui/Drawer/index.jsx
View file

@ -6,6 +6,7 @@ import useMountTransition from '@/_hooks/useMountTransition';
import { useEventListener } from '@/_hooks/use-event-listener';
import ErrorBoundary from '@/Editor/ErrorBoundary';
import '@/_styles/drawer.scss';
import Toast from '@/_ui/Toast';
function createPortalRoot() {
const drawerRoot = document.createElement('div');
@ -58,6 +59,23 @@ const Drawer = ({
}
const darkMode = localStorage.getItem('darkMode') === 'true';
let toastOptions = {
style: {
wordBreak: 'break-all',
},
};
if (darkMode) {
toastOptions = {
className: 'toast-dark-mode',
style: {
borderRadius: '10px',
background: '#333',
color: '#fff',
wordBreak: 'break-all',
},
};
}
return createPortal(
<ErrorBoundary showFallback={true}>
@ -71,6 +89,7 @@ const Drawer = ({
'theme-dark': darkMode,
})}
>
<Toast toastOptions={toastOptions} />
<div className={cx('drawer', position)} role="dialog">
{children}
</div>