Creeper? Aww man

v3xlabs · Oct 7, 2023 · 4bd5506 · 4bd5506
1 parent a0f4a3a
commit 4bd5506
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/components/POAPModal/Creeper.tsx b/components/POAPModal/Creeper.tsx
@@ -1,14 +1,27 @@
+/* eslint-disable sonarjs/no-identical-functions */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 'use client';
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 export const Creeper = () => {
     const [blinkAnimationTriggered, setBlinkAnimationTriggered] =
         useState(false);
 
+    // every 5 seconds, blink
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setBlinkAnimationTriggered(true);
+            setTimeout(() => {
+                setBlinkAnimationTriggered(false);
+            }, 250);
+        }, 10_000);
+
+        return () => clearInterval(interval);
+    }, [0]);
+
     return (
         <div className="absolute top-0 left-4 h-12 sm:w-32 hidden xs:block -translate-y-[1px]">
             <div