5a66331003
Port 9d81561bb2440c8fb9a75bd05277120aff346b1e to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
30 lines
682 B
TypeScript
30 lines
682 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
import classNames from 'classnames';
|
|
|
|
import { AnnualReport } from '.';
|
|
import styles from './index.module.scss';
|
|
|
|
const AnnualReportModal: React.FC<{
|
|
onChangeBackgroundColor: (color: string) => void;
|
|
}> = ({ onChangeBackgroundColor }) => {
|
|
useEffect(() => {
|
|
onChangeBackgroundColor('var(--color-bg-media-base)');
|
|
}, [onChangeBackgroundColor]);
|
|
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'modal-root__modal',
|
|
styles.modalWrapper,
|
|
'theme-dark',
|
|
)}
|
|
>
|
|
<AnnualReport context='modal' />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
// eslint-disable-next-line import/no-default-export
|
|
export default AnnualReportModal;
|