matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'fork' into pl-api

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-08-17 00:38:53 +02:00
parent 178faef829 9a0324b055
commit e1df283cbc
12 changed files with 342 additions and 618 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/modal/modal.tsx
View File

@ -84,6 +84,13 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(({
}, ref) => {
const intl = useIntl();
const buttonRef = React.useRef<HTMLButtonElement>(null);
const firstRender = React.useRef(true);
React.useEffect(() => {
if (firstRender.current) {
firstRender.current = false;
}
}, []);
React.useEffect(() => {
if (buttonRef?.current && !skipFocus) {
@ -95,7 +102,10 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(({
<div
ref={ref}
data-testid='modal'
className={clsx(className, 'pointer-events-auto mx-auto block w-full rounded-2xl bg-white p-6 text-start align-middle text-gray-900 shadow-xl transition-all black:bg-black dark:bg-primary-900 dark:text-gray-100', widths[width])}
className={clsx(className, 'pointer-events-auto relative mx-auto block w-full rounded-2xl bg-white p-6 text-start align-middle text-gray-900 shadow-xl transition-all ease-in-out black:bg-black dark:bg-primary-900 dark:text-gray-100', widths[width], {
'bottom-0': !firstRender.current,
'-bottom-32': firstRender.current,
})}
>
<div className='w-full justify-between sm:flex sm:items-start'>
<div className='w-full'>