#

vincentlu

2025-02-14 2fb65c041d05b24ac8df6379f234f7448d847b47

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

@@ -17,7 +17,7 @@
    useNotify,
} from 'react-admin';
import { LOGIN_BACKGROUND } from '@/config/setting';
import { tenants } from '@/api/auth';
import { getSystemInfo, tenants } from '@/api/auth';
import Login from "./Login";
import Register from "./Register";

@@ -27,11 +27,15 @@
    const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'));

    const [tab, setTab] = useState(0)
    const [systemInfo, setSystemInfo] = useState({});
    const [tenantList, setTenantList] = useState([]);

    const formPosition = isSmallScreen ? 'middle' : 'right'

    useEffect(() => {
        getSystemInfo().then(data => {
            setSystemInfo(data);
        })
        tenants().then(data => {
            setTenantList(data);
        })
@@ -82,7 +86,7 @@
                <div>
                    <AppBar position="static" sx={{ backgroundColor: '#3D4BA7' }}>
                        <Toolbar>
                            <Typography variant="h6" color="inherit">Welcome</Typography>
                            <Typography variant="h6" color="inherit">{translate("page.login.title")}</Typography>
                        </Toolbar>
                    </AppBar>
                </div>
@@ -96,15 +100,15 @@
                    textColor="primary"
                    variant="fullWidth"
                >
                    <Tab label="Login" sx={{ fontSize: '.8em' }} />
                    <Tab label="Register" sx={{ fontSize: '.8em' }} />
                    <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} />
                    <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} />
                </Tabs>

                {tab === 0 && <Login tenantList={tenantList} />}
                {tab === 1 && <Register tenantList={tenantList} />}
                {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />}
                {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />}

                <Box mt={1} mb={1} sx={{ textAlign: 'center' }}>
                    <Typography variant="caption" align="center">Footer Goes Here</Typography>
                <Box mb={1} sx={{ textAlign: 'center' }}>
                    <Typography variant="caption" align="center">{translate("page.login.footer")}</Typography>
                </Box>
            </Card>
        </Box >