11/* eslint-disable @typescript-eslint/no-explicit-any */
2- import { useState } from 'react'
2+ import { useEffect , useState } from 'react'
33import { NavLink , Outlet } from 'react-router-dom'
44import request from '@common/helpers/request'
55import Logo from '@resource/img/bitSmtpLogo.svg'
66import exclusiveEarlyBirdOffer from '@resource/img/exclusiveEarlyBirdOffer.png'
77import { Layout as AntLayout , Modal } from 'antd'
88// eslint-disable-next-line import/no-extraneous-dependencies
9- // import confetti from 'canvas-confetti'
9+ import confetti from 'canvas-confetti'
1010import cls from './Layout.module.css'
1111
1212function Header ( ) {
1313 const [ isModalOpen , setIsModalOpen ] = useState ( false )
14- // const [hideNewProductBtn, setHideNewProductBtn] = useState(true)
14+ const [ hideNewProductBtn , setHideNewProductBtn ] = useState ( true )
1515
16- // const handleConfetti = () => {
17- // confetti({
18- // particleCount: 100,
19- // spread: 70,
20- // origin: { y: 0.6 },
21- // zIndex: 1000
22- // })
23- // }
16+ const handleConfetti = ( ) => {
17+ confetti ( {
18+ particleCount : 100 ,
19+ spread : 70 ,
20+ origin : { y : 0.6 } ,
21+ zIndex : 1000
22+ } )
23+ }
2424
25- // const showModal = () => {
26- // setIsModalOpen(true)
27- // handleConfetti()
28- // }
25+ const showModal = ( ) => {
26+ setIsModalOpen ( true )
27+ handleConfetti ( )
28+ }
2929
3030 const handleOk = ( ) => {
3131 setIsModalOpen ( false )
@@ -45,17 +45,17 @@ function Header() {
4545 color : isActive ? '#fff' : ''
4646 } )
4747
48- // useEffect(() => {
49- // request('new_product_nav_btn_visible_check', null, null, 'GET').then((res: any) => {
50- // if (!res.data) {
51- // setHideNewProductBtn(false)
52- // }
53- // })
54- // }, [])
48+ useEffect ( ( ) => {
49+ request ( 'new_product_nav_btn_visible_check' , null , null , 'GET' ) . then ( ( res : any ) => {
50+ if ( ! res . data ) {
51+ setHideNewProductBtn ( false )
52+ }
53+ } )
54+ } , [ ] )
5555
5656 const handleNewProductNavBtn = ( ) => {
5757 request ( 'hide_new_product_nav_btn' )
58- // setHideNewProductBtn(true)
58+ setHideNewProductBtn ( true )
5959 setIsModalOpen ( false )
6060 }
6161
@@ -82,7 +82,7 @@ function Header() {
8282 </ NavLink >
8383 ) ) }
8484 </ div >
85- { /* { !hideNewProductBtn ? (
85+ { ! hideNewProductBtn ? (
8686 < div className = { cls . bitSocialMenu } >
8787 < button type = "button" onClick = { ( ) => showModal ( ) } className = { cls . btn } >
8888 New Product Launch
@@ -94,7 +94,7 @@ function Header() {
9494 </ div >
9595 ) : (
9696 ''
97- )} */ }
97+ ) }
9898 </ div >
9999
100100 < Modal
@@ -105,21 +105,17 @@ function Header() {
105105 centered
106106 className = "bit-social-release-modal"
107107 >
108- < a
109- href = "https://bit-social.com/?utm_source=bit-smtp& utm_medium = inside - plugin & utm_campaign = early - bird - offer "
110- target = "_blank"
111- rel = "noreferrer"
112- >
108+ < a href = "https://bit-flows.com/" target = "_blank" rel = "noreferrer" >
113109 < img src = { exclusiveEarlyBirdOffer } alt = "Bit Social Release Promotional Banner" width = "100%" />
114110 </ a >
115111 < div className = { cls . footerBtn } >
116- < a
112+ { /* <a
117113 href="https://bit-social.com/?utm_source=bit-smtp&utm_medium=inside-plugin&utm_campaign=early-bird-offer"
118114 target="_blank"
119115 rel="noreferrer"
120116 >
121117 {`Grab It Before It's Gone!`}
122- </ a >
118+ </a> */ }
123119 < button
124120 type = "button"
125121 className = { cls . skipNewProductBtn }
0 commit comments