OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:36 AM	rwxr-xr-x
📁 auth	-	08/07/2024 04:35:01 AM	rwxr-xr-x
📄 callbacks.jsx	1.38 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 index.js	514 bytes	08/07/2024 04:34:36 AM	rw-r--r--
📄 operation-link.jsx	1.2 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 operation-servers.jsx	2.95 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 request-body-editor.jsx	2.22 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 request-body.jsx	11.08 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 servers-container.jsx	1.02 KB	08/07/2024 04:34:36 AM	rw-r--r--
📄 servers.jsx	4.52 KB	08/07/2024 04:34:36 AM	rw-r--r--

Editing: callbacks.jsx

/**
 * @prettier
 */
import React from "react"
import PropTypes from "prop-types"
import ImPropTypes from "react-immutable-proptypes"

const Callbacks = ({ callbacks, specPath, specSelectors, getComponent }) => {
  const operationDTOs = specSelectors.callbacksOperations({
    callbacks,
    specPath,
  })
  const callbackNames = Object.keys(operationDTOs)

const OperationContainer = getComponent("OperationContainer", true)

if (callbackNames.length === 0) return <span>No callbacks</span>

return (
    <div>
      {callbackNames.map((callbackName) => (
        <div key={`${callbackName}`}>
          <h2>{callbackName}</h2>

{operationDTOs[callbackName].map((operationDTO) => (
            <OperationContainer
              key={`${callbackName}-${operationDTO.path}-${operationDTO.method}`}
              op={operationDTO.operation}
              tag="callbacks"
              method={operationDTO.method}
              path={operationDTO.path}
              specPath={operationDTO.specPath}
              allowTryItOut={false}
            />
          ))}
        </div>
      ))}
    </div>
  )
}

Callbacks.propTypes = {
  getComponent: PropTypes.func.isRequired,
  specSelectors: PropTypes.shape({
    callbacksOperations: PropTypes.func.isRequired,
  }).isRequired,
  callbacks: ImPropTypes.iterable.isRequired,
  specPath: ImPropTypes.list.isRequired,
}

export default Callbacks