OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 api-key-auth.jsx	2.45 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 auth-item.jsx	1.81 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorization-popup.jsx	1.98 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorize-btn.jsx	964 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorize-operation-btn.jsx	976 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 auths.jsx	3.73 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 basic-auth.jsx	3.05 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 error.jsx	482 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 oauth2.jsx	10.71 KB	08/07/2024 04:34:04 AM	rw-r--r--

Editing: authorization-popup.jsx

import React from "react"
import PropTypes from "prop-types"

export default class AuthorizationPopup extends React.Component {
  close =() => {
    let { authActions } = this.props

authActions.showDefinitions(false)
  }

render() {
    let { authSelectors, authActions, getComponent, errSelectors, specSelectors, fn: { AST = {} } } = this.props
    let definitions = authSelectors.shownDefinitions()
    const Auths = getComponent("auths")
    const CloseIcon = getComponent("CloseIcon")

return (
      <div className="dialog-ux">
        <div className="backdrop-ux"></div>
        <div className="modal-ux">
          <div className="modal-dialog-ux">
            <div className="modal-ux-inner">
              <div className="modal-ux-header">
                <h3>Available authorizations</h3>
                <button type="button" className="close-modal" onClick={ this.close }>
                  <CloseIcon />
                </button>
              </div>
              <div className="modal-ux-content">

{
                  definitions.valueSeq().map(( definition, key ) => {
                    return <Auths key={ key }
                                  AST={AST}
                                  definitions={ definition }
                                  getComponent={ getComponent }
                                  errSelectors={ errSelectors }
                                  authSelectors={ authSelectors }
                                  authActions={ authActions }
                                  specSelectors={ specSelectors }/>
                  })
                }
              </div>
            </div>
          </div>
        </div>
      </div>
    )
  }

static propTypes = {
    fn: PropTypes.object.isRequired,
    getComponent: PropTypes.func.isRequired,
    authSelectors: PropTypes.object.isRequired,
    specSelectors: PropTypes.object.isRequired,
    errSelectors: PropTypes.object.isRequired,
    authActions: PropTypes.object.isRequired,
  }
}