| 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
 | | import React, { useState, useRef, useEffect, useMemo, useCallback } from "react"; |  | import { |  |     useRecordContext, |  | } from 'react-admin'; |  | import { Box, Typography, Card, Stack } from '@mui/material'; |  | import CircleIcon from '@mui/icons-material/Circle'; |  | import { useTheme } from '@mui/material/styles'; |  |   |  | const CheckDiffField = () => { |  |     const record = useRecordContext(); |  |     const theme = useTheme(); |  |     const color = { |  |         2: '#52C41A', |  |         4: '#FF4D4F', |  |   |  |     } |  |     return ( |  |         <Typography variant="body2"  sx={{ display: 'flex', alignItems: 'center', justifyContent:'center', color: record?.diffQty > 0 ? color[2] : color[4]}} > |  |             {record.diffQty} |  |         </Typography > |  |     ) |  |   |  | } |  |   |  | export default CheckDiffField; | 
 |