RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix header text

Browse Source
This commit is contained in:
SrGooglo 2025-03-06 03:51:28 +00:00
parent 34123d6d0c
commit a25a82e333
1 changed files with 94 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

185
packages/app/src/layouts/components/modals/index.jsx
View File

@ -5,112 +5,115 @@ import { Button } from "antd"
import useLayoutInterface from "@hooks/useLayoutInterface"
function ConfirmModal(props) {
const [loading, setLoading] = React.useState(false)
const [loading, setLoading] = React.useState(false)
async function close({ confirm } = {}) {
props.close()
async function close({ confirm } = {}) {
props.close()
if (typeof props.onClose === "function") {
props.onClose()
}
if (typeof props.onClose === "function") {
props.onClose()
}
if (confirm === true) {
if (typeof props.onConfirm === "function") {
if (props.onConfirm.constructor.name === "AsyncFunction") {
setLoading(true)
}
if (confirm === true) {
if (typeof props.onConfirm === "function") {
if (props.onConfirm.constructor.name === "AsyncFunction") {
setLoading(true)
}
await props.onConfirm()
await props.onConfirm()
setLoading(false)
}
} else {
if (typeof props.onCancel === "function") {
props.onCancel()
}
}
}
setLoading(false)
}
} else {
if (typeof props.onCancel === "function") {
props.onCancel()
}
}
}
return <div className="drawer_close_confirm">
<div className="drawer_close_confirm_content">
<h1>{props.headerText ?? "Are you sure?"} Are you sure?</h1>
return (
<div className="drawer_close_confirm">
<div className="drawer_close_confirm_content">
<h1>{props.headerText ?? "Are you sure?"}</h1>
{
props.descriptionText && <p>{props.descriptionText}</p>
}
</div>
{props.descriptionText && <p>{props.descriptionText}</p>}
</div>
<div className="drawer_close_confirm_actions">
<Button
onClick={() => close({ confirm: false })}
disabled={loading}
>
Cancel
</Button>
<Button
onClick={() => close({ confirm: true })}
disabled={loading}
loading={loading}
>
Yes
</Button>
</div>
</div>
<div className="drawer_close_confirm_actions">
<Button
onClick={() => close({ confirm: false })}
disabled={loading}
>
Cancel
</Button>
<Button
onClick={() => close({ confirm: true })}
disabled={loading}
loading={loading}
>
Yes
</Button>
</div>
</div>
)
}
export default () => {
function confirm(options = {}) {
open("confirm", ConfirmModal, {
props: {
onConfirm: options.onConfirm,
onCancel: options.onCancel,
onClose: options.onClose,
function confirm(options = {}) {
open("confirm", ConfirmModal, {
props: {
onConfirm: options.onConfirm,
onCancel: options.onCancel,
onClose: options.onClose,
headerText: options.headerText,
descriptionText: options.descriptionText,
}
})
}
headerText: options.headerText,
descriptionText: options.descriptionText,
},
})
}
function open(
id,
render,
{
framed = true,
function open(
id,
render,
{
framed = true,
confirmOnOutsideClick = false,
confirmOnClickTitle,
confirmOnClickContent,
confirmOnOutsideClick = false,
confirmOnClickTitle,
confirmOnClickContent,
className,
props,
} = {}
) {
app.cores.window_mng.render(id, <Modal
onClose={() => {
app.cores.window_mng.close(id)
}}
framed={framed}
className={className}
confirmOnOutsideClick={confirmOnOutsideClick}
confirmOnClickTitle={confirmOnClickTitle}
confirmOnClickContent={confirmOnClickContent}
>
{
React.isValidElement(render) ? React.cloneElement(render, props) : React.createElement(render, props)
}
</Modal>)
}
className,
props,
} = {},
) {
app.cores.window_mng.render(
id,
<Modal
onClose={() => {
app.cores.window_mng.close(id)
}}
framed={framed}
className={className}
confirmOnOutsideClick={confirmOnOutsideClick}
confirmOnClickTitle={confirmOnClickTitle}
confirmOnClickContent={confirmOnClickContent}
>
{React.isValidElement(render)
? React.cloneElement(render, props)
: React.createElement(render, props)}
</Modal>,
)
}
function close(id) {
app.cores.window_mng.close(id)
}
function close(id) {
app.cores.window_mng.close(id)
}
useLayoutInterface("modal", {
open: open,
close: close,
confirm: confirm,
})
useLayoutInterface("modal", {
open: open,
close: close,
confirm: confirm,
})
return null
}
return null
}