| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 | | import React, { useState, useRef, useEffect, useMemo, useCallback } from "react"; |  | import { |  |     useRecordContext, |  | } from 'react-admin'; |  | import { Box, Typography, Card, Stack, Tooltip } from '@mui/material'; |  | import { useTheme } from '@mui/material/styles'; |  |   |  | const MyField = ({ source, onClick }) => { |  |     const record = useRecordContext(); |  |     const theme = useTheme(); |  |   |  |     return record ? ( |  |         <Box |  |   |  |         > |  |             <Typography |  |                 variant="body2" |  |             > |  |                 <Tooltip title={record[source]} placement="top"> |  |                     <span>{record[source]}</span> |  |                 </Tooltip> |  |   |  |             </Typography > |  |         </Box> |  |     ) : null; |  | } |  |   |  | export default MyField; | 
 |