nezumi/react-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/react-training.git synced 2026-09-22 20:01:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix all comments

Browse Source
This commit is contained in:
nezumi
2023-11-05 18:28:51 +07:00
parent b0dd3abf0e
commit 3f95ce8343
39 changed files with 483 additions and 443 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hotel-management/src/components/Dialog/index.tsx
+18 -15
View File
@@ -1,26 +1,29 @@
import { forwardRef } from 'react';
import { MutableRefObject, ReactNode, forwardRef } from 'react';
// Styled
import { StyledBody, StyledDialog, StyledTitle } from './styled';
// Type
import { Nullable } from '../../globals/types';
export interface IDialogProps {
title?: string;
children?: JSX.Element[] | JSX.Element;
children?: ReactNode;
onClose?: () => void;
ref?: React.MutableRefObject<HTMLDialogElement | null>;
ref?: MutableRefObject<Nullable<HTMLDialogElement>>;
}
const Dialog = forwardRef((props: IDialogProps, ref) => {
const { title, children, onClose } = props;
return (
<StyledDialog
ref={ref as React.LegacyRef<HTMLDialogElement> | undefined}
onClose={onClose}
>
<StyledTitle>{title}</StyledTitle>
<StyledBody>{children}</StyledBody>
</StyledDialog>
);
});
const Dialog = forwardRef<HTMLDialogElement, IDialogProps>(
(props: IDialogProps, ref) => {
const { title, children, onClose } = props;
return (
<StyledDialog ref={ref} onClose={onClose}>
<StyledTitle>{title}</StyledTitle>
<StyledBody>{children}</StyledBody>
</StyledDialog>
);
}
);
export default Dialog;