1
- import React from 'react'
1
+ import React , { useState , useEffect } from 'react'
2
2
import { useRouter } from 'next/router'
3
3
import styles from '../styles/Footer.module.css'
4
4
import FooterApi from '../pages/footerapi/static.json'
@@ -8,31 +8,27 @@ export default function Footer() {
8
8
const router = useRouter ( )
9
9
const { locale } = router ;
10
10
11
+ // for automatic update year
12
+ const today = new Date ( ) ;
13
+ const year = today . getFullYear ( ) ;
14
+
11
15
return (
12
16
13
17
FooterApi . footer
14
18
. filter ( ( p ) => p . languages_code === locale )
15
19
. map ( ( {
16
20
id, powered_by, guide, join_in_project, partners, descr, github, telegram, mozillo
17
21
} ) =>
18
- < footer className = { ( router . pathname === "/" || router . pathname === "/pricing" ) ? styles . footerBg + ' ' + styles . footer : styles . footer } key = { id } >
22
+ < footer className = { styles . footer } key = { id } >
19
23
< div className = "container__fluid" >
20
24
< div className = { styles . footer__body } >
21
25
< div className = { styles . footer__main } >
22
- {
23
- ( router . pathname === "/" || router . pathname === "/pricing" ) ?
24
- < img className = { styles . footer__logo } src = "/logo.svg" alt = 'logofooter' /> :
25
- < img className = { styles . footer__logo } src = "/newlogo.png" alt = 'logofooter' />
26
- }
26
+ < img className = { styles . footer__logo } src = "/newlogo.png" alt = 'logofooter' />
27
27
< div className = { styles . powered } >
28
28
< h3 > { powered_by } </ h3 >
29
29
</ div >
30
30
31
- {
32
- ( router . pathname === "/" || router . pathname === "/pricing" ) ?
33
- < img className = { styles . footer__logo2 } src = "/commonwhite.png" /> :
34
- < img className = { styles . footer__logo2 } src = "/footer__logo-img.png" />
35
- }
31
+ < img className = { styles . footer__logo2 } src = "/footer__logo-img.png" />
36
32
</ div >
37
33
< div className = { styles . footer__menu } >
38
34
< div className = { styles . menu_footer } >
@@ -59,23 +55,15 @@ export default function Footer() {
59
55
< li >
60
56
< Link href = "https://github.com/uzbekvoice" >
61
57
< a target = { '_blank' } >
62
- {
63
- ( router . pathname === "/" || router . pathname === "/pricing" ) ?
64
- < img className = { styles . footer__logo2 } src = "/github.png" /> :
65
- < img className = { styles . footer__logo2 } src = "/github-white.png" />
66
- }
58
+ < img src = "/github.png" />
67
59
< span > { github } </ span >
68
60
</ a >
69
61
</ Link >
70
62
</ li >
71
63
< li >
72
64
< Link href = "https://t.me/uzbekvoice" >
73
65
< a target = { '_blank' } >
74
- {
75
- ( router . pathname === "/" || router . pathname === "/pricing" ) ?
76
- < img className = { styles . footer__logo2 } src = "/telegramm.png" /> :
77
- < img className = { styles . footer__logo2 } src = "/telegramm-white.png" />
78
- }
66
+ < img src = "/telegramm.png" />
79
67
< span > { telegram } </ span >
80
68
</ a >
81
69
</ Link >
@@ -95,7 +83,7 @@ export default function Footer() {
95
83
</ div >
96
84
</ div >
97
85
</ div >
98
- < h3 > { descr } </ h3 >
86
+ < h3 > UzbekVoice.ai © { year } Barcha huquqlar himoyalangan. </ h3 >
99
87
</ div >
100
88
</ footer >
101
89
)
0 commit comments