# All files / atlas-mobile-ts/src/components/Profile/ProfileSections ProfilePrefs.tsx

0% Statements 0/16
100% Branches 0/0
0% Functions 0/5
0% Lines 0/15

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
    46
    47

     ﻿/* 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, { useEffect, useState } from "react"
    import { Button, Switch, Text, TouchableOpacity, View } from "react-native"
    import Collapsible from "react-native-collapsible"
    import { GlobalStyles } from "../../../utils/GlobalUtils"
    import { Separator } from "../../Separator"
    import { ProfileSectionStyles } from "../Styles/ProfileSections.styles"
    import { ProfileSection } from "./ProfileSection"
    import { ProfileSectionHeader } from "./ProfileSectionHeader"

    interface PrefsInformationProps {
        openPrefs: () => void
        prefsCollapsed: boolean
        toggleTipsAsync: () => void
        showTips: boolean
    }

    export const ProfilePrefs: React.FC<PrefsInformationProps> = ({openPrefs, prefsCollapsed, toggleTipsAsync, showTips}) => {
        const [localTipsEnabled, toggleLocalTips] = useState<boolean>(false)

        useEffect(() => {
            const changeTipsStateOnToggle = () => {
                toggleLocalTips(showTips)
            }
            changeTipsStateOnToggle()
        }, [showTips])

        const toggleTips = async () => {
            toggleLocalTips(!showTips)
            await toggleTipsAsync();
        }

        return (
            <ProfileSection isCollapsed={prefsCollapsed} collapseToggleMethod={openPrefs} title="Preferences">
                <View style={GlobalStyles.itemRowContainer}>
                    <Text>Startup tips:</Text>
                    <Switch value={localTipsEnabled} onValueChange={async () => toggleTips()} />
                </View>
            </ProfileSection>
        )
    }