added useTotalWindowHeight hook

packages/app/src/hooks/useTotalWindowHeight/index.js

@@ -0,0 +1,19 @@
+import React from "react"
+
+export default (to) => {
+	React.useEffect(() => {
+		if (typeof to !== "undefined") {
+			app.layout.toggleTotalWindowHeight(to)
+
+			return () => {
+				app.layout.toggleTotalWindowHeight(!!to)
+			}
+		}
+
+		app.layout.toggleTotalWindowHeight(true)
+
+		return () => {
+			app.layout.toggleTotalWindowHeight(false)
+		}
+	}, [])
+}

packages/app/src/layouts/components/modals/index.jsx

@@ -39,6 +39,8 @@ function ConfirmModal(props) {
 				{props.descriptionText && <p>{props.descriptionText}</p>}
 			</div>
 
+			{typeof props.render === "function" && props.render()}
+
 			<div className="drawer_close_confirm_actions">
 				<Button
 					onClick={() => close({ confirm: false })}
@@ -66,6 +68,8 @@ export default () => {
 				onCancel: options.onCancel,
 				onClose: options.onClose,
 
+				render: options.render,
+
 				headerText: options.headerText,
 				descriptionText: options.descriptionText,
 			},

packages/app/src/styles/index.less

@@ -194,6 +194,13 @@ html {
 			padding-top: 0;
 		}
 	}
+
+	&.total-window-height {
+		.content_layout {
+			height: 100vh;
+			height: 100dvh;
+		}
+	}
 }
 
 a {