// 1. Route (routes/user.routes.ts)
import { Router } from 'express';
import { UserController } from '../controllers/user.controller';
import { validate } from '../middlewares/validate.middleware';
import { createUserSchema } from '@repo/schemas';

const router = Router();
router.post('/', validate(createUserSchema), UserController.create);
export const userRoutes = router;

// 2. Controller (controllers/user.controller.ts)
import { Request, Response, NextFunction } from 'express';
import { UserService } from '../services/user.service';

export class UserController {
  static async create(req: Request, res: Response, next: NextFunction) {
    try {
      const user = await UserService.create(req.body);
      res.status(201).json({ success: true, data: user });
    } catch (error) {
      next(error);
    }
  }
}

// 3. Service (services/user.service.ts)
import { prisma } from '../lib/prisma';
import type { CreateUserDTO } from '@repo/types';

export class UserService {
  static async create(data: CreateUserDTO) {
    return prisma.user.create({ data });
  }
}

// components/UserCard.tsx
import { useState } from 'react';
import type { User } from '@repo/types';
import styles from './UserCard.module.css';

interface UserCardProps {
  user: User;
  onEdit?: (user: User) => void;
}

export function UserCard({ user, onEdit }: UserCardProps) {
  const [isLoading, setIsLoading] = useState(false);

  return (
    <div className={styles.card}>
      <h3>{user.name}</h3>
      <p>{user.email}</p>
      {onEdit && (
        <button onClick={() => onEdit(user)} disabled={isLoading}>
          Edit
        </button>
      )}
    </div>
  );
}

// hooks/useUser.ts
import { useState, useEffect } from 'react';
import { apiService } from '../services/api.service';
import type { User } from '@repo/types';

export function useUser(id: string) {
  const [user, setUser] = useState<User | null>(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    const fetchUser = async () => {
      try {
        const response = await apiService.get<User>(`/users/${id}`);
        setUser(response.data ?? null);
      } catch (err) {
        setError(err instanceof Error ? err.message : 'Failed to fetch');
      } finally {
        setLoading(false);
      }
    };
    fetchUser();
  }, [id]);

  return { user, loading, error };
}