| | |
| | | import React, { useState, useRef, useEffect, useMemo } from "react"; |
| | | import { useNavigate } from 'react-router-dom'; |
| | | import { |
| | | Edit, |
| | | SimpleForm, |
| | | FormDataConsumer, |
| | | useTranslate, |
| | | TextInput, |
| | | NumberInput, |
| | | BooleanInput, |
| | | SaveButton, |
| | | SelectInput, |
| | | Toolbar, |
| | | Labeled, |
| | | NumberField, |
| | | required, |
| | | useRecordContext, |
| | | useTheme, |
| | | useAuthProvider, |
| | | } from 'react-admin'; |
| | | import { useWatch, useFormContext } from "react-hook-form"; |
| | | import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material'; |
| | | import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab, useTheme } from '@mui/material'; |
| | | import * as Common from '@/utils/common'; |
| | | import BaseSettings from "./BaseSettings"; |
| | | import SecuritySettings from "./SecuritySettings" |
| | |
| | | flexGrow: 1, |
| | | bgcolor: 'background.paper', |
| | | display: 'flex', |
| | | border: `1px solid #${theme[0] === 'light' ? 'ddd' : '333'}`, |
| | | border: `1px solid #${theme.palette.mode === 'light' ? 'ddd' : '333'}`, |
| | | borderRadius: 2, |
| | | pt: 1, |
| | | pb: 1, |
| | |
| | | onChange={(event, newValue) => { |
| | | setValue(newValue); |
| | | }} |
| | | indicatorColor="secondary" |
| | | indicatorColor="primary" |
| | | textColor="inherit" |
| | | TabIndicatorProps={{ |
| | | style: { |
| | | left: 0, |
| | | right: 'auto', |
| | | width: '5px', |
| | | borderRadius: '2px', |
| | | opacity: .8, |
| | | } |
| | | }} |
| | | sx={{ |
| | | borderRight: 1, |
| | | borderColor: 'divider', |