#

vincentlu

2025-02-08 e2e3fe6909922acf95fef689b7dbe89ed8702530

#

 rsf-admin/src/App.jsx

@@ -14,8 +14,8 @@
import { Layout } from "./layout";
import AuthProvider from "./config/authProvider";
import DataProvider from "./config/dataProvider";
import Dashboard from "./page/dashboard/Dashboard";
import Settings from "./page/settings/Settings";
import Dashboard from "./page/dashboard";
import Settings from "./page/settings";
import Login from "./page/login";
import * as Common from './utils/common'
import { themes } from './themes/themes';

 rsf-admin/src/page/dashboard/index.jsx

 rsf-admin/src/page/settings/BaseSettings.jsx

New file
@@ -0,0 +1,58 @@
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,
} from '@mui/material';

const BaseSettings = (props) => {
    const { children, value, ...other } = props;

    return (
        <Box
            hidden={value !== 0}
            sx={{ p: 3 }}
            {...other}
        >
            <Grid container spacing={6}>
                <Grid item xs={12}>
                    {/* https://github.com/themeselection/materio-mui-nextjs-admin-template-free/blob/main/javascript-version/src/views/account-settings/account/AccountDetails.jsx */}
                    <Card>
                        <CardContent className='mbe-5'>
                            <Typography>
                                Base Settings
                            </Typography>
                        </CardContent>
                    </Card>

                </Grid>
            </Grid>
        </Box>

    )
}

export default BaseSettings;

 rsf-admin/src/page/settings/index.jsx

File was renamed from rsf-admin/src/page/settings/Settings.jsx
@@ -22,8 +22,9 @@
import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material';
import * as Common from '@/utils/common';
import { } from '@/config/setting';
import BaseSettings from "./BaseSettings";

const Settings = () => {
const Index = () => {
    const authProvider = useAuthProvider();
    const navigate = useNavigate();
    const translate = useTranslate();
@@ -92,33 +93,6 @@
    )
}

const BaseSettings = (props) => {
    const { children, value, ...other } = props;

    return (
        <Box
            hidden={value !== 0}
            sx={{ p: 3 }}
            {...other}
        >
            <Grid container spacing={6}>
                <Grid item xs={12}>
                    {/* https://github.com/themeselection/materio-mui-nextjs-admin-template-free/blob/main/javascript-version/src/views/account-settings/account/AccountDetails.jsx */}
                    <Card>
                        <CardContent className='mbe-5'>
                            <Typography>
                                Base Settings
                            </Typography>
                        </CardContent>
                    </Card>

                </Grid>
            </Grid>
        </Box>

    )
}

const SecuritySettings = (props) => {
    const { children, value, ...other } = props;

@@ -136,4 +110,4 @@
    )
}

export default Settings;
export default Index;