Brf.it

import { useState, useEffect } from 'react';
import axios from 'axios';

interface User {
  id: number;
  name: string;
  email: string;
  role: 'admin' | 'user' | 'guest';
}

interface UserService {
  fetchUser(id: number): Promise<User>;
  updateUser(user: User): Promise<User>;
  deleteUser(id: number): Promise<void>;
}

export class UserServiceImpl implements UserService {
  private baseUrl = '/api/users';

  async fetchUser(id: number): Promise<User> {
    const response = await axios.get(`${this.baseUrl}/${id}`);
    return response.data;
  }

  async updateUser(user: User): Promise<User> {
    const response = await axios.put(`${this.baseUrl}/${user.id}`, user);
    return response.data;
  }

  async deleteUser(id: number): Promise<void> {
    await axios.delete(`${this.baseUrl}/${id}`);
  }
}

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

  useEffect(() => {
    const service = new UserServiceImpl();
    service.fetchUser(userId)
      .then(setUser)
      .catch(setError)
      .finally(() => setLoading(false));
  }, [userId]);

  return { user, loading, error };
}

// UserServiceImpl.ts
import { useState, useEffect } from 'react';
import axios from 'axios';

interface User { id: number; name: string; email: string; role: 'admin' | 'user' | 'guest' }
interface UserService { fetchUser(id: number): Promise<User>; updateUser(user: User): Promise<User>; deleteUser(id: number): Promise<void> }
class UserServiceImpl implements UserService { /* ... */ }
function useUser(userId: number): { user: User | null; loading: boolean; error: Error | null }