|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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> | 
|---|