Fix ESLint errors

Author: avosalmon

resources/js/app.tsx

@@ -7,7 +7,7 @@ import { route as routeFn } from 'ziggy-js';
 import { initializeTheme } from './hooks/use-appearance';
 
 declare global {
-    var route: typeof routeFn;
+    const route: typeof routeFn;
 }
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

resources/js/components/app-logo.tsx

@@ -1,7 +1,6 @@
-import { SVGAttributes } from 'react';
 import AppLogoIcon from './app-logo-icon';
 
-export default function AppLogo(props: SVGAttributes<SVGElement>) {
+export default function AppLogo() {
     return (
         <>
             <div className="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">

resources/js/components/appearance-dropdown.tsx

@@ -4,9 +4,7 @@ import { useAppearance } from '@/hooks/use-appearance';
 import { Monitor, Moon, Sun } from 'lucide-react';
 import { HTMLAttributes } from 'react';
 
-interface AppearanceToggleDropdownProps extends HTMLAttributes<HTMLDivElement> {}
-
-export default function AppearanceToggleDropdown({ className = '', ...props }: AppearanceToggleDropdownProps) {
+export default function AppearanceToggleDropdown({ className = '', ...props }: HTMLAttributes<HTMLDivElement>) {
     const { appearance, updateAppearance } = useAppearance();
 
     const getCurrentIcon = () => {

resources/js/components/appearance-tabs.tsx

@@ -1,13 +1,11 @@
-import { useAppearance } from '@/hooks/use-appearance';
-import { Monitor, Moon, Sun } from 'lucide-react';
+import { Appearance, useAppearance } from '@/hooks/use-appearance';
+import { LucideIcon, Monitor, Moon, Sun } from 'lucide-react';
 import { HTMLAttributes } from 'react';
 
-interface AppearanceToggleTabProps extends HTMLAttributes<HTMLDivElement> {}
-
-export default function AppearanceToggleTab({ className = '', ...props }: AppearanceToggleTabProps) {
+export default function AppearanceToggleTab({ className = '', ...props }: HTMLAttributes<HTMLDivElement>) {
     const { appearance, updateAppearance } = useAppearance();
 
-    const tabs = [
+    const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [
         { value: 'light', icon: Sun, label: 'Light' },
         { value: 'dark', icon: Moon, label: 'Dark' },
         { value: 'system', icon: Monitor, label: 'System' },

resources/js/layouts/settings/layout.tsx

@@ -25,7 +25,6 @@ const sidebarNavItems: NavItem[] = [
 
 export default function SettingsLayout({ children }: { children: React.ReactNode }) {
     const currentPath = window.location.pathname;
-    const currentItem = sidebarNavItems.find((item) => currentPath === item.url);
 
     return (
         <div className="px-4 py-6">

resources/js/pages/auth/reset-password.tsx

@@ -21,7 +21,7 @@ interface ResetPasswordForm {
 }
 
 export default function ResetPassword({ token, email }: ResetPasswordProps) {
-    const { data, setData, post, processing, errors, reset } = useForm({
+    const { data, setData, post, processing, errors, reset } = useForm<ResetPasswordForm>({
         token: token,
         email: email,
         password: '',

resources/js/pages/settings/password.tsx

@@ -18,7 +18,7 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 
-export default function Password({ className = '' }: { className?: string }) {
+export default function Password() {
     const passwordInput = useRef<HTMLInputElement>(null);
     const currentPasswordInput = useRef<HTMLInputElement>(null);
 

resources/js/types/index.ts

@@ -25,7 +25,7 @@ export interface SharedData {
     auth: Auth;
     name: string;
     quote: { message: string; author: string };
-    [key: string]: any;
+    [key: string]: unknown;
 }
 
 export interface User {
@@ -36,5 +36,5 @@ export interface User {
     email_verified_at: string | null;
     created_at: string;
     updated_at: string;
-    [key: string]: any; // This allows for additional properties
+    [key: string]: unknown; // This allows for additional properties
 }