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: operation-link.jsx

import React, { Component } from "react"
import PropTypes from "prop-types"
import ImPropTypes from "react-immutable-proptypes"

class OperationLink extends Component {
  render() {
    const { link, name, getComponent } = this.props

const Markdown = getComponent("Markdown", true)

let targetOp = link.get("operationId") || link.get("operationRef")
    let parameters = link.get("parameters") && link.get("parameters").toJS()
    let description = link.get("description")

return <div className="operation-link">
      <div className="description">
        <b><code>{name}</code></b>
        { description ? <Markdown source={description}></Markdown> : null }
      </div>
      <pre>
        Operation `{targetOp}`<br /><br />
        Parameters {padString(0, JSON.stringify(parameters, null, 2)) || "{}"}<br />
      </pre>
    </div>
  }

}

function padString(n, string) {
  if(typeof string !== "string") { return "" }
  return string
    .split("\n")
    .map((line, i) => i > 0 ? Array(n + 1).join(" ") + line : line)
    .join("\n")
}

OperationLink.propTypes = {
  getComponent: PropTypes.func.isRequired,
  link: ImPropTypes.orderedMap.isRequired,
  name: PropTypes.String
}

export default OperationLink