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

Chore: evaluate `LegalView` (#4097) 

* chore: evaluate LegalView

* remove: `options` from `LegalView` on OutsideStack

* remove: `mapStateToProps` in favor of `useSelector`
This commit is contained in:
Gerzon Z 2022-05-10 17:19:57 -04:00 committed by GitHub
parent 9320d1e05e
commit c9fd7973f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/stacks/OutsideStack.tsx
View File

@ -28,7 +28,7 @@ const _OutsideStack = () => {
<Outside.Screen name='ForgotPasswordView' component={ForgotPasswordView} options={ForgotPasswordView.navigationOptions} />
<Outside.Screen name='SendEmailConfirmationView' component={SendEmailConfirmationView} />
<Outside.Screen name='RegisterView' component={RegisterView} options={RegisterView.navigationOptions} />
<Outside.Screen name='LegalView' component={LegalView} options={LegalView.navigationOptions} />
<Outside.Screen name='LegalView' component={LegalView} />
</Outside.Navigator>
);
};

86
app/views/LegalView.tsx
View File

@ -1,62 +1,60 @@
import React from 'react';
import { connect } from 'react-redux';
import { StackNavigationOptions } from '@react-navigation/stack';
import React, { useEffect } from 'react';
import { useSelector } from 'react-redux';
import I18n from '../i18n';
import StatusBar from '../containers/StatusBar';
import openLink from '../utils/openLink';
import { TSupportedThemes, withTheme } from '../theme';
import { useTheme } from '../theme';
import SafeAreaView from '../containers/SafeAreaView';
import * as List from '../containers/List';
import { OutsideParamList } from '../stacks/types';
import { IBaseScreen, IApplicationState } from '../definitions';
interface ILegalView {
interface ILegalViewProps extends IBaseScreen<OutsideParamList, 'LegalView'> {
server: string;
theme: TSupportedThemes;
}
class LegalView extends React.Component<ILegalView, any> {
static navigationOptions = (): StackNavigationOptions => ({
title: I18n.t('Legal')
});
const LegalView = ({ navigation }: ILegalViewProps): React.ReactElement => {
const server = useSelector((state: IApplicationState) => state.server.server);
const { theme } = useTheme();
onPressItem = ({ route }: { route: string }) => {
const { server, theme } = this.props;
useEffect(() => {
navigation.setOptions({
title: I18n.t('Legal')
});
}, []);
const onPressItem = ({ route }: { route: string }) => {
if (!server) {
return;
}
openLink(`${server}/${route}`, theme);
};
render() {
return (
<SafeAreaView testID='legal-view'>
<StatusBar />
<List.Container>
<List.Section>
<List.Separator />
<List.Item
title='Terms_of_Service'
onPress={() => this.onPressItem({ route: 'terms-of-service' })}
testID='legal-terms-button'
showActionIndicator
/>
<List.Separator />
<List.Item
title='Privacy_Policy'
onPress={() => this.onPressItem({ route: 'privacy-policy' })}
testID='legal-privacy-button'
showActionIndicator
/>
<List.Separator />
</List.Section>
</List.Container>
</SafeAreaView>
);
}
}
return (
<SafeAreaView testID='legal-view'>
<StatusBar />
<List.Container>
<List.Section>
<List.Separator />
<List.Item
title='Terms_of_Service'
onPress={() => onPressItem({ route: 'terms-of-service' })}
testID='legal-terms-button'
showActionIndicator
/>
<List.Separator />
<List.Item
title='Privacy_Policy'
onPress={() => onPressItem({ route: 'privacy-policy' })}
testID='legal-privacy-button'
showActionIndicator
/>
<List.Separator />
</List.Section>
</List.Container>
</SafeAreaView>
);
};
const mapStateToProps = (state: any) => ({
server: state.server.server
});
export default connect(mapStateToProps)(withTheme(LegalView));
export default LegalView;