# Code coverage report for atlas-mobile-ts/src/components/Auth/AuthLayout.tsx

# All files / atlas-mobile-ts/src/components/Auth AuthLayout.tsx

0% Statements 0/8
0% Branches 0/2
0% Functions 0/2
0% Lines 0/8

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
    38
    39
    40
    41
    42
    43
    44
    45

     ﻿/* Copyright (C) Click & Push Accessibility, Inc - All Rights Reserved
     * Unauthorized copying of this file, via any medium is strictly prohibited
     * Proprietary and confidential
     * Written and maintained by the Click & Push Development team
     * <dev@clicknpush.ca>, January 2022
     */

    import React from "react";
    import { ImageBackground, Keyboard, StyleSheet, TouchableWithoutFeedback, View } from "react-native";

    /**
     * Layout shared between all Unauthorized components (and the Profile screen)
     * @category Unauthorized
     * @component
     */
    const UnauthorizedLayout : React.FC<{noPadding?: boolean}> = ({children, noPadding}) => {

        /**
         * Dismisses keyboard.
         */
        const dismissKeyboard = () => {
            Keyboard.dismiss();
        }

        return (
            <View style={{height: '100%', width: '100%'}} >
                <ImageBackground style={[!noPadding ? {padding: 25} : null, 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>
            </View>
        )
    }

    const styles = StyleSheet.create({
        background: {
            flex: 1,
            resizeMode: 'cover',
        },
    })

    export default UnauthorizedLayout;