misc_pterodactyl-panel/resources/scripts/hoc/asDialog.tsx

24 lines
936 B
TypeScript
Raw Normal View History

import React, { useState } from 'react';
import { Dialog, DialogProps, DialogWrapperContext, WrapperProps } from '@/components/elements/dialog';
function asDialog(
initialProps?: WrapperProps
// eslint-disable-next-line @typescript-eslint/ban-types
): <P extends {}>(C: React.ComponentType<P>) => React.FunctionComponent<P & DialogProps> {
return function (Component) {
return function ({ open, onClose, ...rest }) {
const [props, setProps] = useState<WrapperProps>(initialProps || {});
return (
<DialogWrapperContext.Provider value={{ props, setProps, close: onClose }}>
<Dialog {...props} open={open} onClose={onClose}>
<Component {...(rest as React.ComponentProps<typeof Component>)} />
</Dialog>
</DialogWrapperContext.Provider>
);
};
};
}
export default asDialog;