import * as React from 'react'
import Procedure from "../../../../definitions/auxillary/Procedure"

interface Props {
    procedureList: Procedure[]
}

class ProcedureBox extends React.PureComponent<Props, {}> {
    render() {
        return (
            <div>
                {
                    this.props.procedureList.map(
                        (procedure: Procedure, index: number) => (
                            <div key={procedure.name['en']}>
                                {index + 1}
                                {'. '}
                                {procedure.name['en']}
                            </div>
                        )
                    )
                }
            </div>
        )
    }
}

export default ProcedureBox

import * as React from 'react'
import Procedure from "../../../../definitions/auxillary/Procedure"

interface Props {
    procedureList: Procedure[]
}

class ProcedureBox extends React.PureComponent<Props, {}> {
    render() {
        return (
            <div>
                {this.props.procedureList.map(
                    (procedure: Procedure, index: number) => (
                        <div key={procedure.name['en']}>
                            {index + 1}
                            {'. '}
                            {procedure.name['en']}
                        </div>
                    )
                )}
            </div>
        )
    }
}

export default ProcedureBox

Remove one level of indentation
Remove one level of indentation

Signed-off-by: Andy Shu <d9a5ae79e0620530e640970c782273ccd89702f2@gmail.com>
