IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

removed anonymous function

Browse Source
This commit is contained in:
Vladimir Khvan 2023-03-14 16:44:05 +05:00
parent 189d749c89
commit 9ad2e74c2a
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhookDialog/index.js
View File

@ -53,31 +53,36 @@ export const WebhookDialog = ({
webhook,
passwordSettings,
}) => {
const [isResetVisible, setIsResetVisible] = useState(isSettingsModal);
const [isPasswordValid, setIsPasswordValid] = useState(false);
const [webhookInfo, setWebhookInfo] = useState({
id: 0,
title: webhook ? webhook.title : "",
url: webhook ? webhook.url : "",
secretKey: webhook ? webhook.secretKey : "",
isEnabled: webhook ? webhook.isEnabled : true,
});
const submitButtonRef = useRef();
const onModalClose = () => {
onClose();
isSettingsModal && setIsResetVisible(true);
};
const onKeyPress = (e) => (e.key === "Esc" || e.key === "Escape") && onModalClose();
const [isResetVisible, setIsResetVisible] = useState(isSettingsModal);
const hideReset = () => setIsResetVisible(false);
const submitButtonRef = useRef();
const [isPasswordValid, setIsPasswordValid] = useState(false);
const [webhookInfo, setWebhookInfo] = useState({
id: 0,
title: webhook ? webhook.title : "",
url: webhook ? webhook.url : "",
secretKey: "",
isEnabled: webhook ? webhook.isEnabled : true,
});
const onInputChange = (e) =>
setWebhookInfo((prevWebhookInfo) => {
prevWebhookInfo[e.target.name] = e.target.value;
return prevWebhookInfo;
});
const handleSubmitClick = () => {
isPasswordValid && submitButtonRef.current.click();
isResetVisible && submitButtonRef.current.click();
};
useEffect(() => {
window.addEventListener("keyup", onKeyPress);
//delete, when api will be connected
@ -88,6 +93,8 @@ export const WebhookDialog = ({
return () => window.removeEventListener("keyup", onKeyPress);
}, []);
const onKeyPress = (e) => (e.key === "Esc" || e.key === "Escape") && onModalClose();
return (
<ModalDialog withFooterBorder visible={visible} onClose={onModalClose} displayType="aside">
<ModalDialog.Header>{header}</ModalDialog.Header>
@ -130,7 +137,7 @@ export const WebhookDialog = ({
You cannot retrieve your secret key again once it has been saved. If you've lost or
forgotten this secret key, you can reset it, but all integrations using this secret
will need to be updated.
<DashedButton onClick={() => setIsResetVisible(false)}>Reset key</DashedButton>
<DashedButton onClick={hideReset}>Reset key</DashedButton>
</InfoHint>
) : (
<DashedButton>Generate</DashedButton>
@ -146,9 +153,7 @@ export const WebhookDialog = ({
label={isSettingsModal ? "Save" : "Create"}
size="normal"
primary={true}
onClick={() => {
isPasswordValid && submitButtonRef.current.click();
}}
onClick={handleSubmitClick}
/>
<Button label="Cancel" size="normal" onClick={onModalClose} />
</Footer>