Function RefreshButton

src/Components/DataPoints/DataPoints.jsx:95–115

()

export const DataGrid = RecordTable;

function RefreshButton() {
    const submit = useSubmit();
    const navigation = useNavigation();
    const busy = navigation.state !== "idle";
    return (
        <Button
            disableRipple
            className="rt-pill rt-group-pill"
            onClick={() => submit(null, {method: "post"})}
            startIcon={
                <Refresh sx={{
                    fontSize: 16,
                    "@keyframes rtspin": {to: {transform: "rotate(360deg)"}},
                    animation: busy ? "rtspin 0.8s linear infinite" : "none",
                }}/>
            }
        >
            刷新
        </Button>
    );
}

export default function DataPoints() {
    const loaderRecords = useLoaderData();