#

whycq

2025-02-27 08824ef346ed8af8eafd6a5480c42dbe0daaf1f2

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
29
30
31
32
33
34
import React, { useState, useRef, useEffect, useMemo } from "react";
import { TopToolbar, useResourceContext, useTranslate } from "react-admin";
import { Stack, Button, Box, Chip } from '@mui/material';
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
import { useNavigate } from 'react-router-dom';
 
const CustomerTopToolBar = ({ backPrevious = false, ...rest }) => {
    const navigate = useNavigate();
    const resource = useResourceContext();
    const translate = useTranslate();
 
    
    return (
        <TopToolbar sx={{
            marginTop: 1,
            alignItems: 'center',
            justifyContent: 'flex-start'
        }}>
            <Button
                onClick={backPrevious ? () => navigate(-1) : () => navigate('/' + resource)}
                sx={{
                    border: '1px solid #ccc',
                    padding: '6px 12px',
                    textTransform: 'none'
                }}
                startIcon={<ArrowBackIosNewIcon />}
            >
                {translate('ra.action.back')}
            </Button>
        </TopToolbar>
    )
}
 
export default CustomerTopToolBar;