Errorfixes

.eslintrc.json

@@ -1,5 +1,4 @@
 {
-  // "extends": ["next/core-web-vitals", "next/typescript"],
-  "extends": "next/core-web-vitals",
+  "extends": ["next/core-web-vitals", "next/typescript"],
   "rules": { "react/no-unescaped-entities": 0 }
 }

app/payment/_component/footer_payment.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import Image from "next/image";
 
 // Define the type for social media links
-interface SocialMediaLink {
-  name: string;
-  url: string;
-  icon: string;
+interface socialMediaLinks {
+name: string;
+url: string;
+icon: string;
 }
 
 // You would typically define this array in a separate file or fetch it from an API

app/payment/_component/payment-type-layout.tsx

@@ -1,8 +1,3 @@
-// components/err-type-layout
-
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
-import Image from "next/image";
 import { ReactNode } from "react";
 import Header from "../_component/header_payment";
 import Footer from "../_component/footer_payment";

app/payment/errorpage/_components/err-type-layout.tsx

@@ -1,8 +1,3 @@
-// components/err-type-layout
-
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
-import Image from "next/image";
 import { ReactNode } from "react";
 import WidthLayout from "@/components/commons/width-layout";
 import InterfaceLayout from "@/app/(landing)/_components/err-Interface-layout";

app/payment/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Suspense, useEffect, useState } from "react";
-import { useRouter, useSearchParams } from "next/navigation";
+import { useSearchParams } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import Image from "next/image";
 import Link from "next/link";
@@ -22,11 +22,6 @@ const StatusMessage: React.FC<StatusMessageProps> = ({
   firstName,
   lastName,
 }) => {
-  const handleClose = () => {
-    if (window.parent) {
-      window.parent.postMessage("closeIframe", "*");
-    }
-  };
 
   if (isAlreadyVerified) {
     return (

components/commons/floating-navbar.tsx

@@ -9,7 +9,6 @@ import {
 } from "framer-motion";
 import { cn } from "@/lib/utils";
 import Link from "next/link";
-import Image from "next/image";
 import { usePathname, useRouter } from "next/navigation";
 import {
   HoverCard,
@@ -59,7 +58,6 @@ export const FloatingNav = ({
 
   useMotionValueEvent(scrollYProgress, "change", (current) => {
     if (typeof current === "number" && isScrollable) {
-      let direction = current - scrollYProgress.getPrevious()!;
 
       setVisible(true);
     }

components/commons/footer-primary.tsx

@@ -37,8 +37,6 @@ const socialMediaLinks: SocialMediaLink[] = [
 ];
 
 const Footer: React.FC = () => {
-  const currentYear = new Date().getFullYear();
-
   return (
     <div className="pb-10 lg:pb-16">
       <footer className="px-4 pt-4 pb-6 lg:px-9 bg-[#F6F9FF] rounded-xl">

components/commons/tailwind-buttons.tsx

@@ -1,7 +1,6 @@
 "use client";
 import React from "react";
 import { ButtonsCard } from "../ui/aceternity-buttons";
-import Link from "next/link";
 
 interface ButtonProps {
   svgIcon: React.ReactNode;

components/ui/input.tsx

@@ -1,11 +1,7 @@
-import * as React from "react"
+import * as React from "react";
+import { cn } from "@/lib/utils";
 
-import { cn } from "@/lib/utils"
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
+const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
   ({ className, type, ...props }, ref) => {
     return (
       <input
@@ -17,9 +13,9 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         ref={ref}
         {...props}
       />
-    )
+    );
   }
-)
-Input.displayName = "Input"
+);
+Input.displayName = "Input";
 
-export { Input }
+export { Input };

components/ui/textarea.tsx

@@ -1,11 +1,7 @@
-import * as React from "react"
+import * as React from "react";
+import { cn } from "@/lib/utils";
 
-import { cn } from "@/lib/utils"
-
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
-
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+const Textarea = React.forwardRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>>(
   ({ className, ...props }, ref) => {
     return (
       <textarea
@@ -16,9 +12,9 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         ref={ref}
         {...props}
       />
-    )
+    );
   }
-)
-Textarea.displayName = "Textarea"
+);
+Textarea.displayName = "Textarea";
 
-export { Textarea }
+export { Textarea };

lib/handle-err.ts

@@ -2,6 +2,8 @@
 import toast from "react-hot-toast";
 import { useRouter } from "next/navigation";
 
+// Disable no-explicit-any for this function
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function handleApiError(error: any) {
   if (error.response) {
     const status = error.response.status;
@@ -29,6 +31,8 @@ export function handleApiError(error: any) {
 export function useLoginUserErrorHandler() {
   const router = useRouter();
 
+  // Disable no-explicit-any for this function
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleError = (error: any) => {
     if (error.response) {
       const status = error.response.status;

package.json

@@ -35,6 +35,7 @@
   },
   "devDependencies": {
     "@iconify/react": "^5.0.2",
+    "@types/axios": "^0.14.0",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",