From 2c66460976e1241c3add353cbc91932ec99a49fd Mon Sep 17 00:00:00 2001
From: Gabriel Tofvesson <gabriel@tofvesson.se>
Date: Tue, 31 Dec 2024 00:15:15 +0100
Subject: [PATCH] Fix linting issues

---
 src/app/page.tsx             |  2 --
 src/components/blinktext.tsx | 10 +++++-----
 src/components/button.tsx    |  2 +-
 src/components/delay.tsx     |  4 ++--
 src/components/typetext.tsx  |  2 +-
 5 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d4649b..666acd1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,7 +26,6 @@ export default function Home() {
 
   const [cycle, setCycle] = React.useState({ index: 0, show: true });
   const [showButton, setShowButton] = React.useState(false);
-  const [hideButton, setHideButton] = React.useState(false);
 
   return (
     <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-orbitron)] select-none">
@@ -45,7 +44,6 @@ export default function Home() {
           <div className={`${showButton ? "tofvesson-emph " : ""}inline`}><BlinkText interval={1000}>_</BlinkText></div>
         </div>
         <Button
-          onClick={ () => setHideButton(true) }
           border={false}
           invertColors={true}
           className={`${ showButton ? "opacity-100" : "opacity-0 hover:cursor-default"} transition-opacity ease-in-out duration-500 delay-150`}>
diff --git a/src/components/blinktext.tsx b/src/components/blinktext.tsx
index bac2643..2fb4893 100644
--- a/src/components/blinktext.tsx
+++ b/src/components/blinktext.tsx
@@ -1,17 +1,17 @@
 "use client";
-import React from "react";
+import { ReactNode, useEffect, useState } from "react"
 
-export type BlinkTextProps = { children: any, interval: number, props?: React.HTMLAttributes<HTMLDivElement> };
+export type BlinkTextProps = { children?: ReactNode, interval: number, props?: React.HTMLAttributes<HTMLDivElement> };
 export default function BlinkText({ children, interval, props }: BlinkTextProps) {
   const elementProps = props ? props : {};
-  const [show, setShow] = React.useState(false);
-  React.useEffect(() => {
+  const [show, setShow] = useState(false);
+  useEffect(() => {
     const intervalRef = setInterval(() => {
       setShow(!show);
     }, interval);
 
     return () => clearInterval(intervalRef);
-  }, [show]);
+  }, [show, interval]);
 
   return <div {...elementProps} style={{ visibility: show ? "visible" : "hidden", display: "inline" }}>{children}</div>
 }
\ No newline at end of file
diff --git a/src/components/button.tsx b/src/components/button.tsx
index 08dd0c8..c7ef963 100644
--- a/src/components/button.tsx
+++ b/src/components/button.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from "react"
 
-export type ButtonProps = { children?: any, border?: boolean, invertColors?: boolean, href?: string, onClick?: React.MouseEventHandler<HTMLAnchorElement>, className?: string }
+export type ButtonProps = { children?: ReactNode, border?: boolean, invertColors?: boolean, href?: string, onClick?: React.MouseEventHandler<HTMLAnchorElement>, className?: string }
 
 export default function Button({ children, border, invertColors, href, onClick, className }: ButtonProps) {
   return <a
diff --git a/src/components/delay.tsx b/src/components/delay.tsx
index 2d095d3..21c7873 100644
--- a/src/components/delay.tsx
+++ b/src/components/delay.tsx
@@ -1,7 +1,7 @@
 "use client";
 import React from "react";
 
-export type DelayProps = { children: any, delay?: number, useOpacity?: boolean, onComplete?: () => void, shouldWait?: boolean };
+export type DelayProps = { children?: React.ReactNode, delay?: number, useOpacity?: boolean, onComplete?: () => void, shouldWait?: boolean };
 export default function Delay({ children, delay, useOpacity, onComplete, shouldWait }: DelayProps) {
   const [show, setShow] = React.useState(false);
   React.useEffect(() => {
@@ -20,7 +20,7 @@ export default function Delay({ children, delay, useOpacity, onComplete, shouldW
     }, delay);
 
     return () => clearInterval(intervalRef);
-  }, [shouldWait, delay]);
+  }, [shouldWait, delay, onComplete]);
 
   if (useOpacity) {
     return <div className={`${ show ? "opacity-100" : "opacity-0"} transition-opacity ease-in-out duration-300`}>{children}</div>
diff --git a/src/components/typetext.tsx b/src/components/typetext.tsx
index e587fc1..edabc30 100644
--- a/src/components/typetext.tsx
+++ b/src/components/typetext.tsx
@@ -25,7 +25,7 @@ export default function TypeText({ children, interval, onComplete, reverse }: Ty
     }, interval);
 
     return () => clearInterval(intervalRef);
-  }, [length, children, reverse, interval]);
+  }, [length, children, reverse, interval, onComplete]);
 
   return <>{children.substring(0, length)}</>
 }
\ No newline at end of file