Fix: Linting issues

Author: diegotc86

src/routes/order-confirmation/order-confirmation.test.tsx

@@ -1,14 +1,16 @@
 import { render, screen } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
+import { describe, expect, it } from "vitest";
 
 import OrderConfirmation from ".";
+
 import type { Route } from "./+types";
 
 // Creates minimal test props for OrderConfirmation component
 const createTestProps = (orderId = "test-123"): Route.ComponentProps => ({
   loaderData: { orderId },
-  params: vi.fn() as any,
-  matches: vi.fn() as any,
+  params: { orderId },
+  // Hack to satisfy type requirements
+  matches: [] as unknown as Route.ComponentProps["matches"],
 });
 
 describe("OrderConfirmation", () => {

src/routes/product/product.test.tsx

@@ -11,7 +11,7 @@ import type { Route } from "./+types";
 
 // Helper function to create a test navigation object
 const createTestNavigation = (overrides = {}) => ({
-  state: "idle",
+  state: "idle" as const,
   location: undefined,
   formMethod: undefined,
   formAction: undefined,
@@ -33,8 +33,9 @@ const createTestProps = (
   productData: Partial<ProductType> = {}
 ): Route.ComponentProps => ({
   loaderData: { product: createTestProduct(productData) },
-  params: vi.fn() as any,
-  matches: vi.fn() as any,
+  params: { id: "123" },
+  // Hack to satisfy type requirements
+  matches: [] as unknown as Route.ComponentProps["matches"],
 });
 
 describe("Product Component", () => {
@@ -133,7 +134,7 @@ describe("Product Component", () => {
       const props = createTestProps();
       const expectedNavigation = createTestNavigation({ state: "submitting" });
       // Step 2: Mock - Override navigation state to simulate loading
-      vi.mocked(useNavigation).mockReturnValue(expectedNavigation as any);
+      vi.mocked(useNavigation).mockReturnValue(expectedNavigation);
       // Step 3: Call
       render(<Product {...props} />);
       // Step 4: Verify

src/services/order.service.test.ts

@@ -94,7 +94,7 @@ describe("Order Service", () => {
     expect(order).toEqual({
       ...prismaOrder,
       totalAmount: Number(prismaOrder.totalAmount),
-      items: prismaOrder.items.map((item: any) => ({
+      items: prismaOrder.items.map((item) => ({
         ...item,
         price: Number(item.price),
         imgSrc: item.imgSrc ?? "",
@@ -140,7 +140,7 @@ describe("Order Service", () => {
       prismaOrders.map((order) => ({
         ...order,
         totalAmount: Number(order.totalAmount),
-        items: order.items.map((item: any) => ({
+        items: order.items.map((item) => ({
           ...item,
           price: Number(item.price),
           imgSrc: item.imgSrc ?? "",

src/services/user.service.ts

@@ -1,6 +1,6 @@
+import { prisma } from "@/db/prisma";
 import { hashPassword } from "@/lib/security";
 import type { User, AuthResponse } from "@/models/user.model";
-import { prisma } from "@/db/prisma";
 import { getSession } from "@/session.server";
 
 export async function updateUser(
@@ -14,7 +14,7 @@ export async function updateUser(
     throw new Error("User not authenticated");
   }
 
-  const data = { ...updatedUser } as any;
+  const data = { ...updatedUser };
 
   if (updatedUser.password) {
     const hashedPassword = await hashPassword(updatedUser.password);