Auth AuthLayout.tsx

80% Statements 4/5

100% Branches 0/0

50% Functions 1/2

80% Lines 4/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37  
 
 
 
 
 
 
 
4x
 
 
 
 
1x
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
  import React from "react";
import { ImageBackground, Keyboard, StyleSheet, TouchableWithoutFeedback, View } from "react-native";
 
/**
 * Layout shared between all Unauthorized components
 * @category Unauthorized
 * @component
 */
const UnauthorizedLayout : React.FC = ({children}) => {
 
    /**
     * Dismisses keyboard.
     */
    const dismissKeyboard = () => {
        Keyboard.dismiss();
    }
 
    return (
        <ImageBackground style={styles.background} source={require('../../../assets/cover.jpg')}>
            <TouchableWithoutFeedback style={{height: '100%', width: '100%'}} onPress={dismissKeyboard}>
                <View style={{height: '100%', width: '100%'}}>
                {children}
                </View>
            </TouchableWithoutFeedback>
        </ImageBackground>
    )
}
 
const styles = StyleSheet.create({
    background: {
        flex: 1,
        resizeMode: 'cover',
        padding: 25,
    },
})
 
export default UnauthorizedLayout;