# All files / atlas/src/components/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;