mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-14 17:07:48 +00:00
0b984ce5f9
This is a stop-gap approach to remove the AtlasKit notifications stack. Instead of using a AK FlagGroup to render our notifications (Flag components) in, create our own container and use a fake FlagGroupContext provider, which is what FlagGroup uses to control what flags can be dismissed. Since we now render all notifications, the web part has been refactored to make sure all notifications get a timer. Added animations Renamed DrawerPortal to JitsiPortal Redesigned notifications Changed notification text and icons color and added collared ribbon
34 lines
703 B
JavaScript
34 lines
703 B
JavaScript
// @flow
|
|
import React from 'react';
|
|
|
|
import DialogPortal from './DialogPortal';
|
|
|
|
type Props = {
|
|
|
|
/**
|
|
* The component(s) to be displayed within the drawer portal.
|
|
*/
|
|
children: React$Node,
|
|
|
|
/**
|
|
* Class name used to add custom styles to the portal.
|
|
*/
|
|
className?: string
|
|
};
|
|
|
|
/**
|
|
* Component meant to render a drawer at the bottom of the screen,
|
|
* by creating a portal containing the component's children.
|
|
*
|
|
* @returns {ReactElement}
|
|
*/
|
|
function JitsiPortal({ children, className }: Props) {
|
|
return (
|
|
<DialogPortal className = { `drawer-portal ${className ?? ''}` }>
|
|
{ children }
|
|
</DialogPortal>
|
|
);
|
|
}
|
|
|
|
export default JitsiPortal;
|