verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Chore: Clean SafeAreaView - Typescript (#3907) 

* chore: clean SafeAreaView

* fix type

* update supported types
This commit is contained in:
Gleidson Daniel Silva 2022-03-31 19:46:11 -03:00 committed by GitHub
parent e0459aed89
commit cfe352dfbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/containers/SafeAreaView.tsx
View File

@ -1,9 +1,9 @@
import React from 'react';
import { StyleSheet } from 'react-native';
import { StyleSheet, ViewProps } from 'react-native';
import { SafeAreaView as SafeAreaContext } from 'react-native-safe-area-context';
import { themes } from '../constants/colors';
import { withTheme } from '../theme';
import { useTheme } from '../theme';
const styles = StyleSheet.create({
view: {
@ -11,22 +11,24 @@ const styles = StyleSheet.create({
}
});
interface ISafeAreaView {
testID?: string;
theme?: string;
type SupportedChildren = React.ReactElement | React.ReactElement[] | null;
type TSafeAreaViewChildren = SupportedChildren | SupportedChildren[];
interface ISafeAreaView extends ViewProps {
vertical?: boolean;
style?: object;
children: React.ReactNode;
children: TSafeAreaViewChildren;
}
const SafeAreaView = React.memo(({ style, children, testID, theme, vertical = true, ...props }: ISafeAreaView) => (
<SafeAreaContext
style={[styles.view, { backgroundColor: themes[theme!].auxiliaryBackground }, style]}
edges={vertical ? ['right', 'left'] : undefined}
testID={testID}
{...props}>
{children}
</SafeAreaContext>
));
const SafeAreaView = React.memo(({ style, children, vertical = true, ...props }: ISafeAreaView) => {
const { theme } = useTheme();
return (
<SafeAreaContext
style={[styles.view, { backgroundColor: themes[theme].auxiliaryBackground }, style]}
edges={vertical ? ['right', 'left'] : undefined}
{...props}>
{children}
</SafeAreaContext>
);
});
export default withTheme(SafeAreaView);
export default SafeAreaView;