#

luxiaotao1123

2024-09-24 f532c3f25335deb1bc5ff9cd6fa712cf9b222343

 zy-acs-flow/src/page/agv/GridList.jsx

@@ -1,8 +1,8 @@
import * as React from 'react';
import { Box, Paper, Typography } from '@mui/material';
import { RecordContextProvider, useListContext } from 'react-admin';
import { RecordContextProvider, useListContext, useTranslate } from 'react-admin';

// import { CompanyCard } from './CompanyCard';
import { AgvCard } from './AgvCard';

const times = (nbChildren, fn) => Array.from({ length: nbChildren }, (_, key) => fn(key));

@@ -23,33 +23,33 @@
    </Box>
);

// const LoadedGridList = () => {
//     const { data, error, isPending } = useListContext();
const LoadedGridList = () => {
    const { data, error, isPending } = useListContext();
    const translate = useTranslate();

//     if (isPending || error) return null;
    if (isPending || error) return null;

//     return (
//         <Box
//             width="100%"
//             gap={1}
//             display="grid"
//             gridTemplateColumns="repeat(auto-fill, minmax(180px, 1fr))"
//         >
//             {data.map(record => (
//                 <RecordContextProvider key={record.id} value={record}>
//                     <CompanyCard />
//                 </RecordContextProvider>
//             ))}
    return (
        <Box
            width="100%"
            gap={1}
            display="grid"
            gridTemplateColumns="repeat(auto-fill, minmax(180px, 1fr))"
        >
            {data.map(record => (
                <RecordContextProvider key={record.id} value={record}>
                    <AgvCard />
                </RecordContextProvider>
            ))}

//             {data.length === 0 && (
//                 <Typography p={2}>No companies found</Typography>
//             )}
//         </Box>
//     );
// };
            {data.length === 0 && (
                <Typography p={2}>No data found</Typography>
            )}
        </Box>
    );
};

export const ImageList = () => {
    const { isPending } = useListContext();
    // return isPending ? <LoadingGridList /> : <LoadedGridList />;
    return <LoadingGridList />;
    return isPending ? <LoadingGridList /> : <LoadedGridList />;
};