| | |
| | | |
| | | const OperationDetail = (props) => { |
| | | const { operation, ...rest } = props; |
| | | |
| | | |
| | | return ( |
| | | <> |
| | | <Box width={{ xs: '100vW', sm: 400 }} mt={{ xs: 2, sm: 1 }}> |
| | |
| | | variant="body2" |
| | | flexWrap="nowrap" |
| | | > |
| | | {operation.namespace} |
| | | {operation.namespace || ''} |
| | | </Typography> |
| | | </Labeled> |
| | | </Grid> |
| | |
| | | variant="body2" |
| | | flexWrap="nowrap" |
| | | > |
| | | {operation.url} |
| | | {operation.url || ''} |
| | | </Typography> |
| | | </Labeled> |
| | | </Grid> |
| | |
| | | variant="body2" |
| | | flexWrap="nowrap" |
| | | > |
| | | {operation.userId$} |
| | | {operation.userId$ || ''} |
| | | </Typography> |
| | | </Labeled> |
| | | </Grid> |
| | | <Grid item sm={12}> |
| | | <TextField |
| | | label="Request" |
| | | value={operation.request} |
| | | value={operation.request || ''} |
| | | maxRows={15} |
| | | multiline |
| | | /> |
| | |
| | | <Grid item sm={12}> |
| | | <TextField |
| | | label="Response" |
| | | value={operation.response} |
| | | value={operation.response || ''} |
| | | maxRows={15} |
| | | multiline |
| | | /> |
| | |
| | | variant="body2" |
| | | flexWrap="nowrap" |
| | | > |
| | | {operation.clientIp} |
| | | {operation.clientIp || ''} |
| | | </Typography> |
| | | </Labeled> |
| | | </Grid> |