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