sharedViews SocialButtons.tsx

25% Statements 1/4

100% Branches 0/0

25% Functions 1/4

25% Lines 1/4

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
48
49
50
51  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /**
 * @fileoverview Social buttons component
 * @module SocialButtons
 * @description Component that renders the social buttons.
 * @requires react react
 * @requires react-native react-native
 * @requires ../../..//components/SocialIcon SocialIcon component
 * @exports SocialButtons
 */
 
import React from 'react'
import { View } from 'react-native'
import SocialIcon from '@components/SocialIcon'
 
/**
 * @function SocialButtons
 * @description Component that renders the social buttons.
 * @returns {JSX.Element} SocialButtons component
 */
export default function SocialButtons(): JSX.Element {
  return (
    <View
      style={{
        flexDirection: 'row',
        justifyContent: 'space-around',
        marginTop: 20,
        paddingHorizontal: 24,
      }}
    >
      <SocialIcon
        size={24}
        socialMedia='facebook'
        // eslint-disable-next-line no-console
        onPress={() => console.log('Facebook')}
      />
      <SocialIcon
        size={24}
        socialMedia='apple'
        // eslint-disable-next-line no-console
        onPress={() => console.log('Apple')}
      />
      <SocialIcon
        size={24}
        socialMedia='google'
        // eslint-disable-next-line no-console
        onPress={() => console.log('Google')}
      />
    </View>
  )
}