neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-22 12:43:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix lint errors for src/bg/main.tsx

Browse source
This commit is contained in:
zeon-neon[bot] 2024-06-18 00:48:59 +00:00 committed by GitHub
parent 43c06bdb8a
commit cd6a228134
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/bg/main.tsx
View file

@ -1,32 +1,32 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from 'react'
import "./style.css"; import './style.css'
export default function Background() { export default function Background () {
const domRef = useRef(null) const domRef = useRef(null)
useEffect (() => { useEffect(() => {
const inter = setInterval(() => { const inter = setInterval(() => {
if(document.hasFocus() && domRef.current) { if (document.hasFocus() && domRef.current) {
//@ts-expect-error // @ts-expect-error
domRef.current.style.filter = "blur(10px)" domRef.current.style.filter = 'blur(10px)'
} else { } else {
//@ts-ignore // @ts-ignore
domRef.current.style.filter = ""; domRef.current.style.filter = ''
} }
}) })
return () => { return () => {
clearInterval(inter) clearInterval(inter)
} }
}, []); }, [])
return ( return (
<div style={{ filter: 'blur(10px)' }} ref={domRef}> <div style={{ filter: 'blur(10px)' }} ref={domRef}>
<ul className="background"> <ul className='background'>
{new Array(49).join('.').split('.').map((_,i) => { {new Array(49).join('.').split('.').map((_, i) => {
return <li key={i} className={i % 2 === 0 ? "bg-effect" : ""}></li> return <li key={i} className={i % 2 === 0 ? 'bg-effect' : ''} />
})} })}
</ul> </ul>
</div> </div>
) )
} }