Merge pull request #12 from EliasJHL/refactor/frontend

Refactor/frontend

Author: EliasJHL

frontend/src/app/RegisterPage.tsx

@@ -12,6 +12,8 @@ import { RegisterForm } from '../features/auth/components/RegisterForm';
 export const RegisterPage = () => {
   const { t } = useTranslation();
 
+  if (!t) return null;
+
   return (
     <AuthLayout
       title="Créer un compte"

frontend/src/components/layouts/Header.tsx

@@ -11,6 +11,8 @@ export const Header = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
 
+  if (!t) return null;
+  
   const isAuthenticated = false; 
 
   return (

frontend/src/components/ui/animated-beam.tsx

@@ -1,4 +1,5 @@
-import { RefObject, useEffect, useId, useState } from "react"
+import { useEffect, useId, useState } from "react"
+import type { FC, RefObject } from "react"
 import { motion } from "motion/react"
 
 import { cn } from "@/lib/utils"
@@ -23,7 +24,7 @@ export interface AnimatedBeamProps {
   endYOffset?: number
 }
 
-export const AnimatedBeam: React.FC<AnimatedBeamProps> = ({
+export const AnimatedBeam: FC<AnimatedBeamProps> = ({
   className,
   containerRef,
   fromRef,

frontend/src/components/ui/bento-grid.tsx

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react"
+import type { ComponentPropsWithoutRef, ElementType, ReactNode } from "react"
 import { ArrowRightIcon } from "@radix-ui/react-icons"
 
 import { cn } from "@/lib/utils"
@@ -13,7 +13,7 @@ interface BentoCardProps extends ComponentPropsWithoutRef<"div"> {
   name: string
   className: string
   background: ReactNode
-  Icon: React.ElementType
+  Icon: ElementType
   description: string
   href: string
   cta: string

frontend/src/components/ui/dock.tsx

@@ -1,13 +1,14 @@
-import React, { PropsWithChildren, useRef } from "react"
+import React, { useRef } from "react"
+import type { PropsWithChildren } from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import {
   motion,
-  MotionValue,
   useMotionValue,
   useSpring,
   useTransform,
 } from "motion/react"
 import type { MotionProps } from "motion/react"
+import type { MotionValue } from "motion/react"
 
 import { cn } from "@/lib/utils"
 

frontend/src/components/ui/dot-pattern.tsx

@@ -121,7 +121,7 @@ export function DotPattern({
           <stop offset="100%" stopColor="currentColor" stopOpacity="0" />
         </radialGradient>
       </defs>
-      {dots.map((dot, index) => (
+      {dots.map((dot) => (
         <motion.circle
           key={`${dot.x}-${dot.y}`}
           cx={dot.x}

frontend/src/components/ui/highlighter.tsx

@@ -22,7 +22,6 @@ interface HighlighterProps {
   iterations?: number;
   padding?: number;
   multiline?: boolean;
-  isView?: boolean;
   className?: string;
 }
 
@@ -35,7 +34,6 @@ export function Highlighter({
   iterations = 2,
   padding = 2,
   multiline = true,
-  isView = false,
   className,
 }: HighlighterProps) {
   const elementRef = useRef<HTMLSpanElement>(null);
@@ -115,4 +113,4 @@ export function Highlighter({
       <span className="relative z-10">{children}</span>
     </span>
   );
-}
+}

frontend/src/components/ui/marquee.tsx

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react"
+import type { ComponentPropsWithoutRef, ReactNode } from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -20,7 +20,7 @@ interface MarqueeProps extends ComponentPropsWithoutRef<"div"> {
   /**
    * Content to be displayed in the marquee
    */
-  children: React.ReactNode
+  children: ReactNode
   /**
    * Whether to animate vertically instead of horizontally
    * @default false

frontend/src/components/ui/particles.tsx

@@ -1,9 +1,5 @@
-import React, {
-  ComponentPropsWithoutRef,
-  useEffect,
-  useRef,
-  useState,
-} from "react"
+import { useEffect, useRef, useState } from "react"
+import type { ComponentPropsWithoutRef, FC } from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -75,7 +71,7 @@ type Circle = {
   magnetism: number
 }
 
-export const Particles: React.FC<ParticlesProps> = ({
+export const Particles: FC<ParticlesProps> = ({
   className = "",
   quantity = 100,
   staticity = 50,
@@ -96,7 +92,7 @@ export const Particles: React.FC<ParticlesProps> = ({
   const canvasSize = useRef<{ w: number; h: number }>({ w: 0, h: 0 })
   const dpr = typeof window !== "undefined" ? window.devicePixelRatio : 1
   const rafID = useRef<number | null>(null)
-  const resizeTimeout = useRef<NodeJS.Timeout | null>(null)
+  const resizeTimeout = useRef<ReturnType<typeof setTimeout> | null>(null)
 
   useEffect(() => {
     if (canvasRef.current) {

frontend/src/features/auth/components/LoginForm.tsx

@@ -17,6 +17,8 @@ export const LoginForm = () => {
   const { t } = useTranslation();
   const { login, isLoading: loading } = useLogin();
 
+  if (!t) return null;
+
   return (
     <div className="grid gap-6">
       <form onSubmit={handleSubmit(login)}>