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 { useTheme } from '@mui/material/styles';
| import CircleIcon from '@mui/icons-material/Circle';
|
| 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;
|
|