mirror of
https://github.com/fromchat-messenger/web.git
synced 2026-09-22 19:15:08 +03:00
Fix dialogs
This commit is contained in:
@@ -1,5 +1,7 @@
|
|||||||
import type { Dialog as MduiDialog } from "mdui/components/dialog";
|
import type { Dialog as MduiDialog } from "mdui/components/dialog";
|
||||||
import React, { useEffect, useRef } from "react"
|
import React, { useEffect, useRef } from "react"
|
||||||
|
import { createPortal } from "react-dom";
|
||||||
|
import { id } from "../../utils/utils";
|
||||||
|
|
||||||
export interface BaseDialogProps {
|
export interface BaseDialogProps {
|
||||||
onOpenChange: (value: boolean) => void;
|
onOpenChange: (value: boolean) => void;
|
||||||
@@ -38,5 +40,5 @@ export function MaterialDialog(props: FullDialogProps) {
|
|||||||
};
|
};
|
||||||
}, [dialogRef.current, props.open, props.onOpenChange]);
|
}, [dialogRef.current, props.open, props.onOpenChange]);
|
||||||
|
|
||||||
return <mdui-dialog {...props} ref={dialogRef} style={{ all: "revert" }} />;
|
return createPortal(<mdui-dialog {...props} ref={dialogRef} />, id("root"));
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ export function SettingsDialog({ isOpen, onOpenChange }: DialogProps) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<MaterialDialog close-on-overlay-click close-on-esc fullscreen open={isOpen} onOpenChange={onOpenChange}>
|
<MaterialDialog close-on-overlay-click close-on-esc fullscreen open={isOpen} onOpenChange={onOpenChange} id="settings-dialog">
|
||||||
<div className="fullscreen-wrapper">
|
<div className="fullscreen-wrapper">
|
||||||
<div id="settings-dialog-inner">
|
<div id="settings-dialog-inner">
|
||||||
<div className="header">
|
<div className="header">
|
||||||
|
|||||||
Reference in New Issue
Block a user