|  |  |  | 
|---|
|  |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
|---|
|  |  |  | import { TopToolbar } from "react-admin"; | 
|---|
|  |  |  | 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 = (props) => { | 
|---|
|  |  |  | const CustomerTopToolBar = ({ ...rest }) => { | 
|---|
|  |  |  | const navigate = useNavigate(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const resource = useResourceContext(); | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <TopToolbar sx={{ | 
|---|
|  |  |  | marginTop: 1, | 
|---|
|  |  |  | 
|---|
|  |  |  | justifyContent: 'flex-start' | 
|---|
|  |  |  | }}> | 
|---|
|  |  |  | <Button | 
|---|
|  |  |  | onClick={() => navigate(-1)} | 
|---|
|  |  |  | onClick={() => navigate('/' + resource)} | 
|---|
|  |  |  | sx={{ | 
|---|
|  |  |  | border: '1px solid #ccc', | 
|---|
|  |  |  | padding: '6px 12px', | 
|---|
|  |  |  | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | startIcon={<ArrowBackIosNewIcon />} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | Back | 
|---|
|  |  |  | {translate('ra.action.back')} | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | </TopToolbar> | 
|---|
|  |  |  | ) | 
|---|