23 lines
641 B
TypeScript
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;
|