DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

chore(eslint): fix flash message root element query

Browse source
This commit is contained in:
Paul Chavard 2022-02-22 13:16:01 +01:00 • committed by Pierre de La Morinerie
parent 68e89af775
commit 95b9e47993
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/javascript/components/shared/FlashMessage.tsx
View file

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import { createPortal } from 'react-dom'; import { createPortal } from 'react-dom';
import invariant from 'tiny-invariant';
export function FlashMessage({ export function FlashMessage({
message, message,
@ -12,11 +13,13 @@ export function FlashMessage({
sticky?: boolean; sticky?: boolean;
fixed?: boolean; fixed?: boolean;
}) { }) {
const element = document.getElementById('flash_messages');
invariant(element, 'Flash messages root element not found');
return createPortal( return createPortal(
<div className="flash_message center"> <div className="flash_message center">
<div className={flashClassName(level, sticky, fixed)}>{message}</div> <div className={flashClassName(level, sticky, fixed)}>{message}</div>
</div>, </div>,
document.getElementById('flash_messages')! element
); );
} }