|  |  |  | 
|---|
|  |  |  | </AppBar> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Tabs | 
|---|
|  |  |  | value={tab} | 
|---|
|  |  |  | onChange={(event, value) => { | 
|---|
|  |  |  | setTab(value); | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | indicatorColor="primary" | 
|---|
|  |  |  | textColor="primary" | 
|---|
|  |  |  | variant="fullWidth" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> | 
|---|
|  |  |  | <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> | 
|---|
|  |  |  | </Tabs> | 
|---|
|  |  |  | {systemInfo.mode === 'ONLINE' ? ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <Tabs | 
|---|
|  |  |  | value={tab} | 
|---|
|  |  |  | onChange={(event, value) => { | 
|---|
|  |  |  | setTab(value); | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | indicatorColor="primary" | 
|---|
|  |  |  | textColor="primary" | 
|---|
|  |  |  | variant="fullWidth" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> | 
|---|
|  |  |  | <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> | 
|---|
|  |  |  | </Tabs> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} | 
|---|
|  |  |  | {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} | 
|---|
|  |  |  | {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} | 
|---|
|  |  |  | {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ) : ( | 
|---|
|  |  |  | <Login systemInfo={systemInfo} tenantList={tenantList} /> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Box mb={1} sx={{ textAlign: 'center' }}> | 
|---|
|  |  |  | <Typography variant="caption" align="center">{translate("page.login.footer")}</Typography> | 
|---|