@@ -5,39 +5,101 @@ import { siteConfig } from '@/lib/config'
5
5
* @constructor
6
6
*/
7
7
const SocialButton = ( ) => {
8
- return < div className = 'w-full justify-center flex-wrap flex' >
9
- < div className = 'space-x-3 text-xl text-gray-600 dark:text-gray-300 ' >
10
- { siteConfig ( 'CONTACT_GITHUB' ) && < a target = '_blank' rel = 'noreferrer' title = { 'github' } href = { siteConfig ( 'CONTACT_GITHUB' ) } >
11
- < i className = 'transform hover:scale-125 duration-150 fab fa-github dark:hover:text-red-400 hover:text-red-600' />
12
- </ a > }
13
- { siteConfig ( 'CONTACT_TWITTER' ) && < a target = '_blank' rel = 'noreferrer' title = { 'twitter' } href = { siteConfig ( 'CONTACT_TWITTER' ) } >
14
- < i className = 'transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-red-400 hover:text-red-600' />
15
- </ a > }
16
- { siteConfig ( 'CONTACT_TELEGRAM' ) && < a target = '_blank' rel = 'noreferrer' href = { siteConfig ( 'CONTACT_TELEGRAM' ) } title = { 'telegram' } >
17
- < i className = 'transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-red-400 hover:text-red-600' />
18
- </ a > }
19
- { siteConfig ( 'CONTACT_LINKEDIN' ) && < a target = '_blank' rel = 'noreferrer' href = { siteConfig ( 'CONTACT_LINKEDIN' ) } title = { 'linkIn' } >
20
- < i className = 'transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-red-400 hover:text-red-600' />
21
- </ a > }
22
- { siteConfig ( 'CONTACT_WEIBO' ) && < a target = '_blank' rel = 'noreferrer' title = { 'weibo' } href = { siteConfig ( 'CONTACT_WEIBO' ) } >
23
- < i className = 'transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-red-400 hover:text-red-600' />
24
- </ a > }
25
- { siteConfig ( 'CONTACT_INSTAGRAM' ) && < a target = '_blank' rel = 'noreferrer' title = { 'instagram' } href = { siteConfig ( 'CONTACT_INSTAGRAM' ) } >
26
- < i className = 'transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-red-400 hover:text-red-600' />
27
- </ a > }
28
- { siteConfig ( 'CONTACT_EMAIL' ) && < a target = '_blank' rel = 'noreferrer' title = { 'email' } href = { `mailto:${ siteConfig ( 'CONTACT_EMAIL' ) } ` } >
29
- < i className = 'transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-red-400 hover:text-red-600' />
30
- </ a > }
31
- { JSON . parse ( siteConfig ( 'ENABLE_RSS' ) ) && < a target = '_blank' rel = 'noreferrer' title = { 'RSS' } href = { '/feed' } >
32
- < i className = 'transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-red-400 hover:text-red-600' />
33
- </ a > }
34
- { siteConfig ( 'CONTACT_BILIBILI' ) && < a target = '_blank' rel = 'noreferrer' title = { 'bilibili' } href = { siteConfig ( 'CONTACT_BILIBILI' ) } >
35
- < i className = 'transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-red-400 hover:text-red-600' />
36
- </ a > }
37
- { siteConfig ( 'CONTACT_YOUTUBE' ) && < a target = '_blank' rel = 'noreferrer' title = { 'youtube' } href = { siteConfig ( 'CONTACT_YOUTUBE' ) } >
38
- < i className = 'transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-red-400 hover:text-red-600' />
39
- </ a > }
8
+ return (
9
+ < div className = 'w-full justify-center flex-wrap flex' >
10
+ < div className = 'space-x-3 text-xl text-gray-600 dark:text-gray-300 ' >
11
+ { siteConfig ( 'CONTACT_GITHUB' ) && (
12
+ < a
13
+ target = '_blank'
14
+ rel = 'noreferrer'
15
+ title = { 'github' }
16
+ href = { siteConfig ( 'CONTACT_GITHUB' ) } >
17
+ < i className = 'transform hover:scale-125 duration-150 fab fa-github dark:hover:text-red-400 hover:text-red-600' />
18
+ </ a >
19
+ ) }
20
+ { siteConfig ( 'CONTACT_TWITTER' ) && (
21
+ < a
22
+ target = '_blank'
23
+ rel = 'noreferrer'
24
+ title = { 'twitter' }
25
+ href = { siteConfig ( 'CONTACT_TWITTER' ) } >
26
+ < i className = 'transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-red-400 hover:text-red-600' />
27
+ </ a >
28
+ ) }
29
+ { siteConfig ( 'CONTACT_TELEGRAM' ) && (
30
+ < a
31
+ target = '_blank'
32
+ rel = 'noreferrer'
33
+ href = { siteConfig ( 'CONTACT_TELEGRAM' ) }
34
+ title = { 'telegram' } >
35
+ < i className = 'transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-red-400 hover:text-red-600' />
36
+ </ a >
37
+ ) }
38
+ { siteConfig ( 'CONTACT_LINKEDIN' ) && (
39
+ < a
40
+ target = '_blank'
41
+ rel = 'noreferrer'
42
+ href = { siteConfig ( 'CONTACT_LINKEDIN' ) }
43
+ title = { 'linkIn' } >
44
+ < i className = 'transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-red-400 hover:text-red-600' />
45
+ </ a >
46
+ ) }
47
+ { siteConfig ( 'CONTACT_WEIBO' ) && (
48
+ < a
49
+ target = '_blank'
50
+ rel = 'noreferrer'
51
+ title = { 'weibo' }
52
+ href = { siteConfig ( 'CONTACT_WEIBO' ) } >
53
+ < i className = 'transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-red-400 hover:text-red-600' />
54
+ </ a >
55
+ ) }
56
+ { siteConfig ( 'CONTACT_INSTAGRAM' ) && (
57
+ < a
58
+ target = '_blank'
59
+ rel = 'noreferrer'
60
+ title = { 'instagram' }
61
+ href = { siteConfig ( 'CONTACT_INSTAGRAM' ) } >
62
+ < i className = 'transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-red-400 hover:text-red-600' />
63
+ </ a >
64
+ ) }
65
+ { siteConfig ( 'CONTACT_EMAIL' ) && (
66
+ < a
67
+ target = '_blank'
68
+ rel = 'noreferrer'
69
+ title = { 'email' }
70
+ href = { `mailto:${ siteConfig ( 'CONTACT_EMAIL' ) } ` } >
71
+ < i className = 'transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-red-400 hover:text-red-600' />
72
+ </ a >
73
+ ) }
74
+ { JSON . parse ( siteConfig ( 'ENABLE_RSS' ) ) && (
75
+ < a
76
+ target = '_blank'
77
+ rel = 'noreferrer'
78
+ title = { 'RSS' }
79
+ href = { '/rss/feed.xml' } >
80
+ < i className = 'transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-red-400 hover:text-red-600' />
81
+ </ a >
82
+ ) }
83
+ { siteConfig ( 'CONTACT_BILIBILI' ) && (
84
+ < a
85
+ target = '_blank'
86
+ rel = 'noreferrer'
87
+ title = { 'bilibili' }
88
+ href = { siteConfig ( 'CONTACT_BILIBILI' ) } >
89
+ < i className = 'transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-red-400 hover:text-red-600' />
90
+ </ a >
91
+ ) }
92
+ { siteConfig ( 'CONTACT_YOUTUBE' ) && (
93
+ < a
94
+ target = '_blank'
95
+ rel = 'noreferrer'
96
+ title = { 'youtube' }
97
+ href = { siteConfig ( 'CONTACT_YOUTUBE' ) } >
98
+ < i className = 'transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-red-400 hover:text-red-600' />
99
+ </ a >
100
+ ) }
101
+ </ div >
40
102
</ div >
41
- </ div >
103
+ )
42
104
}
43
105
export default SocialButton
0 commit comments