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