|  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const login = useLogin(); | 
 |  |  |     const location = useLocation(); | 
 |  |  |     const { systemInfo, tenantList } = props; | 
 |  |  |     const { systemInfo: { mode }, tenantList } = props; | 
 |  |  |  | 
 |  |  |     const { control, handleSubmit, watch, setValue, getValues, setError, clearErrors } = useForm(); | 
 |  |  |  | 
 |  |  | 
 |  |  |                 component="form" onSubmit={handleSubmit(onSubmit)} noValidate | 
 |  |  |             > | 
 |  |  |                 <Stack spacing={2}> | 
 |  |  |                     {/* <Controller | 
 |  |  |                         name="tenantId" | 
 |  |  |                         control={control} | 
 |  |  |                         rules={{ required: true }} | 
 |  |  |                         defaultValue={tenantList.length > 0 ? tenantList[0].id : ''} | 
 |  |  |                         render={({ field: { onChange, value, ref } }) => { | 
 |  |  |                             const selectedTenant = tenantList.find(tenant => tenant.id === value) || null; | 
 |  |  |                             return ( | 
 |  |  |                                 <Autocomplete | 
 |  |  |                                     options={tenantList} | 
 |  |  |                                     getOptionLabel={(option) => option.name} | 
 |  |  |                                     value={selectedTenant} | 
 |  |  |                                     onChange={(_, newValue) => { | 
 |  |  |                                         const newTenantId = newValue ? newValue.id : ''; | 
 |  |  |                                         onChange(newTenantId); | 
 |  |  |                                         localStorage.setItem('remember_tenantId', newTenantId); | 
 |  |  |                                     }} | 
 |  |  |                                     renderInput={(params) => ( | 
 |  |  |                                         <TextField | 
 |  |  |                                             {...params} | 
 |  |  |                                             label={translate("page.login.tenant")} | 
 |  |  |                                             variant="standard" | 
 |  |  |                                             inputRef={ref} | 
 |  |  |                                         /> | 
 |  |  |                                     )} | 
 |  |  |                                 /> | 
 |  |  |                             ); | 
 |  |  |                         }} | 
 |  |  |                     /> */} | 
 |  |  |                     {mode === 'OFFLINE' && ( | 
 |  |  |                         <Controller | 
 |  |  |                             name="tenantId" | 
 |  |  |                             control={control} | 
 |  |  |                             rules={{ required: true }} | 
 |  |  |                             defaultValue={tenantList.length > 0 ? tenantList[0].id : ''} | 
 |  |  |                             render={({ field: { onChange, value, ref } }) => { | 
 |  |  |                                 const selectedTenant = tenantList.find(tenant => tenant.id === value) || null; | 
 |  |  |                                 return ( | 
 |  |  |                                     <Autocomplete | 
 |  |  |                                         options={tenantList} | 
 |  |  |                                         getOptionLabel={(option) => option.name} | 
 |  |  |                                         value={selectedTenant} | 
 |  |  |                                         onChange={(_, newValue) => { | 
 |  |  |                                             const newTenantId = newValue ? newValue.id : ''; | 
 |  |  |                                             onChange(newTenantId); | 
 |  |  |                                             localStorage.setItem('remember_tenantId', newTenantId); | 
 |  |  |                                         }} | 
 |  |  |                                         renderInput={(params) => ( | 
 |  |  |                                             <TextField | 
 |  |  |                                                 {...params} | 
 |  |  |                                                 label={translate("page.login.tenant")} | 
 |  |  |                                                 variant="standard" | 
 |  |  |                                                 inputRef={ref} | 
 |  |  |                                             /> | 
 |  |  |                                         )} | 
 |  |  |                                     /> | 
 |  |  |                                 ); | 
 |  |  |                             }} | 
 |  |  |                         /> | 
 |  |  |                     )} | 
 |  |  |  | 
 |  |  |                     <Controller | 
 |  |  |                         name="username" | 
 |  |  | 
 |  |  |                     <Button | 
 |  |  |                         type="submit" | 
 |  |  |                         variant="contained" | 
 |  |  |                         disabled={loading || !(true && username && password)} | 
 |  |  |                         sx={{ | 
 |  |  |                             // backgroundColor: "#3D4BA7" | 
 |  |  |                         }} | 
 |  |  |                         disabled={loading || !((mode === 'OFFLINE' ? tenantId : true) && username && password)} | 
 |  |  |                     > | 
 |  |  |                         {loading && <CircularProgress size={25} thickness={2} />} | 
 |  |  |                         {translate('page.login.button.login')} |