jiti-meet/react/features/base/dialog/components/native/BottomSheetContainer.tsx

23 lines
641 B
TypeScript

import React, { Fragment } from 'react';
import { useSelector } from 'react-redux';
import { IReduxState } from '../../../../app/types';
const BottomSheetContainer: () => JSX.Element | null = (): JSX.Element | null => {
const { sheet, sheetProps } = useSelector((state: IReduxState) => state['features/base/dialog']);
const { reducedUI } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
if (!sheet || reducedUI) {
return null;
}
return (
<Fragment>
{ React.createElement(sheet, sheetProps) }
</Fragment>
);
};
export default BottomSheetContainer;