| | |
| | | import * as React from 'react'; |
| | | import { Labeled } from 'react-admin'; |
| | | import { Labeled, useTranslate } from 'react-admin'; |
| | | import { Box, Grid, Typography, Card, CardContent, TextField } from '@mui/material'; |
| | | import { format } from 'date-fns'; |
| | | import { getDirectionLabel } from './direction'; |
| | | |
| | | const IntegrationRecordDetail = (props) => { |
| | | const { integration } = props; |
| | | if (!integration) return null; |
| | | const translate = useTranslate(); |
| | | |
| | | const formatTimestamp = (timestamp) => { |
| | | if (!timestamp) return ''; |
| | |
| | | <Grid item xs={6}> |
| | | <Labeled label="table.field.integrationRecord.direction"> |
| | | <Typography variant="body2" flexWrap="nowrap"> |
| | | {integration.direction$ || ''} |
| | | {getDirectionLabel(translate, integration.direction)} |
| | | </Typography> |
| | | </Labeled> |
| | | </Grid> |