fix: move styles to not prerender
This commit is contained in:
parent
cd2889cff4
commit
9ae769ef6b
|
@ -6,25 +6,25 @@ import ActivationCard from './ActivationCard'
|
|||
import { Link } from 'react-router-dom'
|
||||
import { ArrowLeftIcon } from '@status-im/icons'
|
||||
|
||||
const styles = {
|
||||
confettiContainer: {
|
||||
position: 'relative' as const,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
},
|
||||
confettiCanvas: {
|
||||
position: 'absolute' as const,
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
zIndex: 1,
|
||||
},
|
||||
}
|
||||
|
||||
const Activation = () => {
|
||||
const [showConfetti, setShowConfetti] = useState(true)
|
||||
|
||||
const styles = {
|
||||
confettiContainer: {
|
||||
position: 'relative' as const,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
},
|
||||
confettiCanvas: {
|
||||
position: 'absolute' as const,
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
zIndex: 1,
|
||||
},
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => {
|
||||
setShowConfetti(false)
|
||||
|
|
Loading…
Reference in New Issue