webhook creation was fixed

packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/index.js

@@ -122,10 +122,7 @@ const Webhooks = (props) => {
         )}
 
         {!isWebhooksEmpty && (
-          <WebhooksTable
-            openSettingsModal={openSettingsModal}
-            openDeleteModal={openDeleteModal}
-          />
+          <WebhooksTable openSettingsModal={openSettingsModal} openDeleteModal={openDeleteModal} />
         )}
         <WebhookDialog
           visible={isCreateOpened}
@@ -133,12 +130,13 @@ const Webhooks = (props) => {
           header={t("CreateWebhook")}
           onSubmit={onCreateWebhook}
           additionalId="create-webhook"
+          isSettingsModal={false}
         />
         <WebhookDialog
           visible={isSettingsOpened}
           onClose={closeSettingsModal}
           header={t("SettingsWebhook")}
-          isSettingsModal={true}
+          isSettingsModal
           webhook={currentWebhook}
           onSubmit={handleWebhookUpdate}
           additionalId="settings-webhook"

packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/SecretKeyInput.js

@@ -31,7 +31,7 @@ const Header = styled.p`
   margin-bottom: 5px;
 
   img {
-    ${props =>
+    ${(props) =>
       props.theme.interfaceDirection === "rtl"
         ? css`
             margin-right: 4px;
@@ -48,7 +48,7 @@ const StyledInfoIcon = styled.img`
   }
 `;
 
-const SecretKeyInput = props => {
+const SecretKeyInput = (props) => {
   const {
     isResetVisible,
     name,
@@ -68,10 +68,9 @@ const SecretKeyInput = props => {
 
   const secretKeyInputRef = useRef(null);
 
-  const toggleHint = () =>
-    setIsHintVisible(prevIsHintVisible => !prevIsHintVisible);
+  const toggleHint = () => setIsHintVisible((prevIsHintVisible) => !prevIsHintVisible);
 
-  const handleInputValidation = isValid => {
+  const handleInputValidation = (isValid) => {
     setIsPasswordValid(isValid);
   };
 
@@ -83,7 +82,7 @@ const SecretKeyInput = props => {
     toggleHint();
   };
 
-  const handleOnChange = e => {
+  const handleOnChange = (e) => {
     onChange({ target: { name, value: e.target.value } });
   };
 
@@ -175,8 +174,8 @@ const SecretKeyInput = props => {
   );
 };
 
-export default inject(({ settingsStore, auth }) => {
-  const { passwordSettings } = settingsStore;
+export default inject(({ auth }) => {
+  const { passwordSettings } = auth.settingsStore;
   const { webhooksGuideUrl } = auth.settingsStore;
 
   return {