sergiodt
/
vn-verdnaturachat
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chore: Migrate ScreenLockConfigView to Typescript (#3517) 

Co-authored-by: Diego Mello <diegolmello@gmail.com>
This commit is contained in:
Reinaldo Neto 2021-12-02 10:21:10 -03:00 committed by GitHub
parent fa07bbec2f
commit 79feef179c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
app/views/ScreenLockConfigView.js → app/views/ScreenLockConfigView.tsx
View File

@ -1,7 +1,9 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { Switch } from 'react-native'; import { Switch } from 'react-native';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { StackNavigationOptions } from '@react-navigation/stack';
import Model from '@nozbe/watermelondb/Model';
import { Subscription } from 'rxjs';
import I18n from '../i18n'; import I18n from '../i18n';
import { withTheme } from '../theme'; import { withTheme } from '../theme';
@ -16,19 +18,42 @@ import { events, logEvent } from '../utils/log';
const DEFAULT_BIOMETRY = false; const DEFAULT_BIOMETRY = false;
class ScreenLockConfigView extends React.Component { interface IServerRecords extends Model {
static navigationOptions = () => ({ autoLock?: boolean;
autoLockTime?: number;
biometry?: boolean;
}
interface IItem {
title: string;
value: number;
disabled?: boolean;
}
interface IScreenLockConfigViewProps {
theme: string;
server: string;
Force_Screen_Lock: boolean;
Force_Screen_Lock_After: number;
}
interface IScreenLockConfigViewState {
autoLock?: boolean;
autoLockTime?: number | null;
biometry?: boolean;
biometryLabel: null;
}
class ScreenLockConfigView extends React.Component<IScreenLockConfigViewProps, IScreenLockConfigViewState> {
private serverRecord?: IServerRecords;
private observable?: Subscription;
static navigationOptions = (): StackNavigationOptions => ({
title: I18n.t('Screen_lock') title: I18n.t('Screen_lock')
}); });
static propTypes = { constructor(props: IScreenLockConfigViewProps) {
theme: PropTypes.string,
server: PropTypes.string,
Force_Screen_Lock: PropTypes.string,
Force_Screen_Lock_After: PropTypes.string
};
constructor(props) {
super(props); super(props);
this.state = { this.state = {
autoLock: false, autoLock: false,
@ -104,7 +129,7 @@ class ScreenLockConfigView extends React.Component {
logEvent(events.SLC_SAVE_SCREEN_LOCK); logEvent(events.SLC_SAVE_SCREEN_LOCK);
const { autoLock, autoLockTime, biometry } = this.state; const { autoLock, autoLockTime, biometry } = this.state;
const serversDB = database.servers; const serversDB = database.servers;
await serversDB.action(async () => { await serversDB.write(async () => {
await this.serverRecord?.update(record => { await this.serverRecord?.update(record => {
record.autoLock = autoLock; record.autoLock = autoLock;
record.autoLockTime = autoLockTime === null ? DEFAULT_AUTO_LOCK : autoLockTime; record.autoLockTime = autoLockTime === null ? DEFAULT_AUTO_LOCK : autoLockTime;
@ -113,7 +138,7 @@ class ScreenLockConfigView extends React.Component {
}); });
}; };
changePasscode = async ({ force }) => { changePasscode = async ({ force }: { force: boolean }) => {
logEvent(events.SLC_CHANGE_PASSCODE); logEvent(events.SLC_CHANGE_PASSCODE);
await changePasscode({ force }); await changePasscode({ force });
}; };
@ -144,12 +169,12 @@ class ScreenLockConfigView extends React.Component {
); );
}; };
isSelected = value => { isSelected = (value: number) => {
const { autoLockTime } = this.state; const { autoLockTime } = this.state;
return autoLockTime === value; return autoLockTime === value;
}; };
changeAutoLockTime = autoLockTime => { changeAutoLockTime = (autoLockTime: number) => {
logEvent(events.SLC_CHANGE_AUTOLOCK_TIME); logEvent(events.SLC_CHANGE_AUTOLOCK_TIME);
this.setState({ autoLockTime }, () => this.save()); this.setState({ autoLockTime }, () => this.save());
}; };
@ -159,7 +184,7 @@ class ScreenLockConfigView extends React.Component {
return <List.Icon name='check' color={themes[theme].tintColor} />; return <List.Icon name='check' color={themes[theme].tintColor} />;
}; };
renderItem = ({ item }) => { renderItem = ({ item }: { item: IItem }) => {
const { title, value, disabled } = item; const { title, value, disabled } = item;
return ( return (
<> <>
@ -194,7 +219,7 @@ class ScreenLockConfigView extends React.Component {
if (!autoLock) { if (!autoLock) {
return null; return null;
} }
let items = this.defaultAutoLockOptions; let items: IItem[] = this.defaultAutoLockOptions;
if (Force_Screen_Lock && Force_Screen_Lock_After > 0) { if (Force_Screen_Lock && Force_Screen_Lock_After > 0) {
items = [ items = [
{ {
@ -262,7 +287,7 @@ class ScreenLockConfigView extends React.Component {
} }
} }
const mapStateToProps = state => ({ const mapStateToProps = (state: any) => ({
server: state.server.server, server: state.server.server,
Force_Screen_Lock: state.settings.Force_Screen_Lock, Force_Screen_Lock: state.settings.Force_Screen_Lock,
Force_Screen_Lock_After: state.settings.Force_Screen_Lock_After Force_Screen_Lock_After: state.settings.Force_Screen_Lock_After